✔ CSS Individualformat in PHP - keine Übernahme - warum?

Arananka

Arananka

Enthusiast
Ich definiere ein CSS-Datei css.css:
HTML: 
<!--css.css-->
<html>
<head>
<title>CSS Definitionen</title>
<style type="text/css">
<!--
#normtext    {
    font-size:20pt;
    font-weight:bold;
    color:#ffff66;
    border:4pt;
    }
h1        {
    font-size:48pt;
    color:#ff0000;
    font-style:italic;
    border-bottom:solid thin black;
    }
h2        {
    font-size:36pt;
    color:#009900;
    font-style:courier;
    }
-->
</style>
</head>
</html>
Nun erstelle ich eine index.php:
PHP: 
<!-- index.php -->
<html>
<head>
<meta http-equiv="content-type"    content="text/html; charset=utf-8">
<title>Hompage von AranankA</title>
<link rel="stylesheet" type="text/css" href="css/css.css">
<style type="text/css"></style>
</head>
        
<body>
<?php
echo "<h1>Willkommen auf einer, fast noch leeren, Webseite!</h1>";
echo "<h2>Hier entsteht bald eine neue Webpr&auml;senz</h2>";
echo "<div id = \"normtext\">Dieser Text m&uuml;sste eigentlich 20pt gro&szlig; sein,
        einen Rand haben und &uuml;ber eine fette, gelbe Farbe verf&uuml;gen</div>";
?>
</body>
</html>
Das Ergebnis: Klick mich, ich bin ein Link!
Die Definitionen von h1 und h2 werden übernommen, die von #normtext nicht. Warum?
 
Hi,

innerhalb eines Stylesheets (hier CSS-Datei) haben HTML-Tags nichts zu suchen.

Übrig bleiben darin die drei Regelmengen, womit auch die erste vom Browser ordnungsgemäß interpretiert wird:

CSS: 
#normtext    {
    font-size:20pt;
    font-weight:bold;
    color:#ffff66;
    border:4pt;
    }
h1        {
    font-size:48pt;
    color:#ff0000;
    font-style:italic;
    border-bottom:solid thin black;
    }
h2        {
    font-size:36pt;
    color:#009900;
    font-style:courier;
    }


mfg Maik
 
Arananka hat gesagt.:
Tags entfernt, obwohl das nicht notwendig ist (siehe auch SelfHTML -CSS).
Zum Vergrößern anklicken....
Das HTML-Code-Beispiel bezieht sich nicht auf die separate CSS-Datei formate.css.

Also ist dies sehr wohl notwendig. Oder glaubst du ernsthaft, dass ich nicht weiß, wovon ich hier rede?

Arananka hat gesagt.:
Änderungen in der Darstellung bringt das aber nicht.
Zum Vergrößern anklicken....
Ebenso wenig gibt es in CSS HTML-Kommentare.

Aus:
Code: 
<!--css.css-->

#normtext    {
    font-size:20pt;
    font-weight:bold;
    color:#ffff66;
    border:4pt;
    }
h1        {
    font-size:48pt;
    color:#ff0000;
    font-style:italic;
    border-bottom:solid thin black;
    }
h2        {
    font-size:36pt;
    color:#009900;
    font-style:courier;
    }

wird:
CSS: 
/* css.css */ /* Kommentar-Syntax in CSS */

#normtext    {
    font-size:20pt;
    font-weight:bold;
    color:#ffff66;
    border:4pt;
    }
h1        {
    font-size:48pt;
    color:#ff0000;
    font-style:italic;
    border-bottom:solid thin black;
    }
h2        {
    font-size:36pt;
    color:#009900;
    font-style:courier;
    }


mfg Maik
 
So geändert, wird es bei mir richtig angezeigt:

CSS: 
#normtext {
font-size:20pt;
font-weight:bold;
color:#ffff66;
border-width:4pt;
border-style:solid
}
 
Mhh... bringt auch nichts. Theoretisch müsste ja schon font-size Auswirkungen haben.

@Maik: Ist ja gut. Wenn's jetzt noch helfen würde, dann wäre es noch besser...

P.S.: Mir wurde gerade mitgeteilt, dass die Darstellung im IE8 wie gewünscht erfolgt. Nur im FF , in Opera, im Safari und im Chrome (die beiden letzten hab ich hier nicht, ebenso wenig den IE) nicht...
 
Zuletzt bearbeitet:
Also ich habe folgendes in der CSS Datei stehen:

CSS: 
#normtext {
    font-size:40pt;
	font-weight:bold;
	color:#ffff66;
	border:solid 4pt;
}
h1 {
    font-size:48pt;
	color:#ff0000;
	font-style:italic;
	border-bottom:solid thin black;
}
h2 {
    font-size:36pt;
	color:#009900;
	font-family:courier;
}

Wobei bei dir bei H2 auch ein Fehler beim Schriftnamen war, muss font-family und nicht font-style heißen

Und das hier steht in der PHP Datei:

PHP: 
<!-- index.php -->
<html>
<head>
<meta http-equiv="content-type"    content="text/html; charset=utf-8">
<title>Hompage von AranankA</title>
<link rel="stylesheet" type="text/css" href="css.css">
</head>

<body>
<?php
echo "<h1>Willkommen auf einer, fast noch leeren, Webseite!</h1>";
echo "<h2>Hier entsteht bald eine neue Webpr&auml;senz</h2>";
echo "<div id = \"normtext\">Dieser Text m&uuml;sste eigentlich 20pt gro&szlig; sein,
        einen Rand haben und &uuml;ber eine fette, gelbe Farbe verf&uuml;gen</div>";
?>
</body>
</html>

Das Ergebnis ist als Bild (verkleinert) angehängt.

NACHTRAG: Bei mir geht es so auch mit Firefox 3.5.7 und Opera 10.53
 

Anhänge

  • css.jpg
    css.jpg
    70,4 KB · Aufrufe: 13
Zuletzt bearbeitet:
Bei mir sieht das überall aus, wie es aussehen soll :eek:

Vielleicht gaukelt dir ja dein Browser etwas vor?

Leere mal den Cache oder binde das CSS während der Entwicklungsphase so ein:
Code: 
<link rel="stylesheet" type="text/css" href="css/css.css?<?php echo time();?>">
(so gehst du sicher, dass du immer die aktuelle Variante bekommst)
 
Warum auch immer, aber jetzt funktioniert es (beim IE weiß ich es nicht...):
Code: 
<!--
#normtext    {
    font-size:20pt;
    font-weight:bold;
    color:#ffff66;
    border-width:4pt;
    border-style:solid;
    }
h1        {
    font-size:48pt;
    color:#ff0000;
    font-style:italic;
    border-bottom:solid thin black;
    }
h2        {
    font-size:36pt;
    color:#009900;
    font-style:courier;
    }
    -->

Danke für die Tipps (Cache leeren...).
 
Zuletzt bearbeitet:
Aber dein als "H2" gekennzeichneter Text wird trotzdem noch in der falschen Schrift angezeigt (siehe oben) !!
 
Um antworten zu können musst du eingeloggt sein.

Neue Beiträge

Zurück