CSS in PHP einbinden, Überschrift bekommt "style" nicht

Hallo,
versuche gerade css in php einzubinden, das klappt auch soweit. Das einzige was nicht klappt ist das die Überschrift auch noch den"style" bekommt.
Anbei sind die 2 Quellcodes.
Ich kann mir einfach nicht erklären warum das nicht geht.
CSS

<?php header("Content-type: text/css; charset: UTF-8"); 
$c1="#blueGreen"; 
$c2="#blackyellow"; 
$c3="#whitered"; 
?>
<body>
<html>
p.blueGreen{background-color:green;
font-style:italic;
color:blue;
border-radius: 3px solid;
border-color:blue;} 
p.blackyellow {background-color:yellow;
font-style:italic;
color:black;
border-radius: 3px solid;
border-color: black;}
p.whitered {background-color:red;
font-style:italic;
color:white;
border-radius:5px solid;
border-color: red;}
</body> 
</html>

und PHP

<!DOCTYPE hmtl>
<html>
<head>
<meta charset="UTF-8" />  
<title>Sprueche</title>
<link rel="STYLESHEET" type="text/CSS" href="einsende3.css"/>  
</head>
<body>
<h1><p class="p.blueGreen">Sprueche</p></h1>  
</body>
<body>
<h4><p class="blackyellow">Wie viele Microsoft-Programmierer braucht man, um eine Gluehbirne zu wechseln?  
Keine. Microsoft erklaert einfach die Dunkelheit zum Standard.

Das Wort Windows stammt aus einem alten Dialekt der Apachen und bedeuted: 'Weisser Mann starren durch Glasscheibe auf Sanduhr'.  

Was ist der Unterschied zwischen "Jurassic Park" und Microsoft?  
Bei dem einen macht ein verrueckter Geschaeftsmann ein Vermoegen mit Biestern die schon laengst ausgestorben sein sollten, und das andere ist ein Film von Steven Spielberg.

Wie viele Windows-Anwender braucht man um eine Gluehbirne zu wechseln?
100! Einer wechselt die Birne, 99 klicken die Fehlermeldungen weg.</h4></p>
</body>
<body>
<table>
<th><p class="whitered">Spalte 1</th><th><p class ="whitered">Spalte 2</th></p>  
</tr>
<tr>
<td><p class="whitered">&nbsp &nbsp &nbsp &nbsp &nbsp &nbsp Zeile</td>  
<td><p class="whitered">&nbsp &nbsp &nbsp &nbsp &nbsp &nbsp Zeile</td></p>  
</tr>
</table>
</body>
</html>

Das ist nur für eine Aufgabe die ich habe.
Den Cache habe ich eben gerade geleert, hat aber nichts gebracht.

Danke schonmal für die Antworten ;)

Grüße
Katalina

Bitte markiere auch die Kommentare, die zur Lösung des Beitrags beigetragen haben

Content-ID: 372549

Url: https://administrator.de/contentid/372549

Ausgedruckt am: 21.11.2024 um 22:11 Uhr

7 Kommentare

Neuester Kommentar

Moin,

wieso packst du CSS in ne Datei mit HTML Code und nicht in eine normale CSS? Da wo es hingehört?
Und wozu überhaupt PHP?

Was für eine Aufgabe?

Mit den "Style" meinst du den Font-Style?

Du musst bei <h1> bei <p class="p.blueGreen"> das p. entfernen.

<h1><p class="blueGreen">Sprueche</p></h1>

Grüße

Moin,

deine CSS-Datei ist vom Aufbau her (HTML-Tags) in der Tat sehr "ungewöhnlich"..
und für CSS benötigst du kein PHP. PHP ist ja eher für (dynmische) Funktionen etc. erforderlich.
Statische Seiten, deren Layout via CSS aufbereitet werden soll, kommt mit HTML völlig aus

schau dir mal folgende Links an und etste dann nochmal:
https://wiki.selfhtml.org/wiki/CSS/Einstieg_in_CSS
http://www.webmasterpro.de/coding/article/php-in-css-dss-dynamic-style- ...
http://netroid.de/dss-php-und-css-grundlagen/

Gruß
em-pie

Moin,

bei den Klassen lasse das p weg. Also statt

p.blueGreen {

...

}

.blueGreen {

...

}

Bei den Tags sieht das dann so aus:

<h1 class="blueGreen">Inhalt</h1>  

Dein HTML ist so, wie es da steht, falsch. Du darfst keinen p-Tag in einen hx-Tag einschließen. Ein h4 ist für die Überschrift vierter Ordnung. Das geht so auch nicht, wie es da steht. Der Fließtext muss nur mit dem p-Tag umschlossen werden. Aber kein Problem. Die Klassen kannst du ja auch für p benutzen. ;) Um dann noch die Schriftgrößen zu manipulieren, machst Du noch weitere Styles z. B.

p {

font-size: 12pt;

}

Liebe Grüße

Erik

ok danke werde ich jetzt mal schauen ob das schon der Fehler war, danke...manchmal sieht man auch einfach den Wald vor lauter Bäumen nicht ;)

Heftig, heftig heftig. Wo soll man da anfangen?

Die Css-Datei bitte ohne Html.
Die PHP-Variablen in der Css-Datei werden nicht benutzt. Ich vermute der Apache wird mangels entsprechender Konfiguration die Css-Dateien nicht durch den Preprocessor jagen (was auch gut so is). Damit macht jeglicher PHP-Code im Css keinen Sinn.
Im Html mehrere Body-Tags. Ui.