katalina
Goto Top

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

Content-Key: 372549

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

Printed on: April 25, 2024 at 07:04 o'clock

Member: Xaero1982
Xaero1982 Apr 28, 2018 at 22:32:11 (UTC)
Goto Top
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
Member: em-pie
em-pie Apr 29, 2018 at 09:31:41 (UTC)
Goto Top
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
Member: erikro
erikro Apr 30, 2018 at 13:49:58 (UTC)
Goto Top
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
Member: Katalina
Katalina Apr 30, 2018 at 17:20:36 (UTC)
Goto Top
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 ;)
Member: atze187
atze187 Jun 19, 2018 at 12:34:11 (UTC)
Goto Top
Heftig, heftig heftig. Wo soll man da anfangen?

  1. Die Css-Datei bitte ohne Html.
  2. 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.
  3. Im Html mehrere Body-Tags. Ui.
Member: Xaero1982
Xaero1982 Jun 19, 2018 at 13:36:15 (UTC)
Goto Top
Nur zwei Monate zu spät die Antwort .... uiui face-smile
Member: atze187
atze187 Jun 19, 2018 at 13:42:02 (UTC)
Goto Top
Lieber spät als nie. Quasi der Videoschiedsrichter unter den Antworten.