Verknüpfung einer CSS-Datei funktioniert nicht

Ich habe ein Problem mit der Verknüpfung meines Stylesheet mit der html Abschnitt meiner Website in einer .php Datei enthalten.Verknüpfung einer CSS-Datei funktioniert nicht

Ich bin nicht sicher, warum einige Elemente des Stylesheets arbeiten nicht, zum Beispiel, wenn ich die body ‚s background-color auf rot setzt sich das, aber wenn ich ein div.header Element in der CSS-Datei erstellen und versuchen, Fügen Sie es dem Element in der HTML-Datei als <div id='header'> hinzu, es tut nichts.

Was könnte der Grund dafür sein? Meine CSS-Datei und .php Datei sind unten.

courses.css:

h1{ 
font:bolder; 
} 

h3{ 
font-color:red; 
} 

body{ 
background-color:white; 
} 

div.header{ 
position:fixed; 
margin-top: 1ex; 
margin-bottom: 1ex; 
background-color: red; 
} 

div.Select_Course{ 
position:relative; 
right:2ex; 
top:4ex; 
border:solid thin black; 
padding: 5ex; 
margin-bottom:3ex; 
height:relative; 
}

und meine .php Datei

<meta charset="UTF-8"> 
<?php 
    $mysqli = new mysqli('localhost', 'user', 'password','dbname'); 
    if ($mysqli->connect_errno) 
    { 
     die('Database connection failed'); 
    } 
    //$m->set_charset('utf8'); 
    $search_course = " 
    SELECT title, summary, id 
    FROM course 
    WHERE title LIKE '%".$_POST['searchBar']."%'"; 
    $result = $mysqli->query($search_course) or die($mysqli->error); 
    $search_result = $result->fetch_assoc(); 
?> 
<!doctype html> 
<html> 
<head> 
    <meta charset="utf-8"> 
    <link rel='stylesheet' href='courses.css'> 
    <div id='header'> 
     <h1>Search Results</h1> 
    </div> 
</head> 
<body> 

    <?php while($search_result = $result->fetch_assoc()) { ?> 
    <div id='Select_Course'> 
     <form name="searchresults" method="post" action="selectedcourse.php"> 

      <h3><?= $search_result['title'] ?> <input name="searchforcourse" type="submit" value="View Course" /></h3> 
      <input name="Coursenamesearch" type="text" value="<?= $search_result['title'] ?>" hidden/> 
     </form> 
    <p><?= $search_result['summary'] ?></p> 
    </div> 
    <?php } ?> 

</body> 
</html>

Quelle

2016-04-15 bdg

Header div sollte unter -Tag sein. –

Wie wäre es mit 'div # header' – miken32

Anstatt ein div.header-Element in Ihrer CSS-Datei zu erstellen, erstellen Sie einfach ein Element namens .header . Dann haben Sie Ihre HTML wie folgt:.

Zum Beispiel:

CSS-Datei:

.header { 
    background-color: #ffffff; 
}

HTML-Datei:

<div class="header"></div>

Quelle

2016-04-15 21:18:55 Edward

Danke, das hat super funktioniert. Was erstellt das 'div.' in der css-Datei, so wie es dargestellt wurde? – bdg

@bdg Bitte akzeptieren Sie diese Antwort, wenn es Ihnen geholfen hat. Vielen Dank! – Edward

Entschuldigung für die Verzögerung bei der Annahme der Antwort Danke nochmal – bdg

Die div #header innerhalb <body> nicht innerhalb <head>, dass Tag für Ressourcen ist nur sein muss.

Und für das Problem in Ihrem CSS. Wenn Sie ein Element anhand der ID referenzieren möchten, verwenden Sie anstelle von ., das nur für einen Klassennamen verwendet wird.

Quelle

2016-04-15 21:18:24 joacomf

Ein Header-Tag auch ok

<head> 
<meta charset="utf-8"> 
<link rel='stylesheet' href='courses.css'> 
</head> 

<header> 
    <h1>Search Results</h1> 
</header>

CSS

sein könnte

header h1 { 
    background-color: #FFF; 
}

oder nur

h1 { 
    background-color: #FFF; 
}

Quelle

2016-04-15 21:54:46 iMarketingGuy

Verknüpfung einer CSS-Datei funktioniert nicht

Antwort

Verwandte Themen