Seite 1 von 1

Verfasst: 26.05.2010, 14:19
von AranankA
Die CSS Definition (css.css):

Code: Alles auswählen

<html>
<head>
<title>CSS Definitionen</title>
<style type="text/css">
<!--
h1		{
	font-size:48pt;
	color:#ff0000;
	font-style:italic;
	border-bottom:solid thin black;
	}
h2		{
	font-size:36pt;
	color:#009900;
	font-style:courier;
	}
#normtext	{
	font-size:20pt;
	font-weight:bold;
	color:#ffff66;
	border:4pt;
	}
-->
</style>
</head>
</html>
Die 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äsenz</h2>";
echo "<div id = \"normtext\">Dieser Text müsste eigentlich 20pt groß sein,
einen Rand haben und über eine fette, gelbe Farbe verfügen</div>";
?>
</body>
</html>
[/PHP]Die Ausgabe: Klick mich, ich bin ein Link...

Warum wird #normtext nicht übernommen, wohl aber die anderen Definitionen?

Verfasst: 26.05.2010, 15:59
von Genesis
Wird bei mir korrekt angezeigt (Google Chrome). Vielleicht die Leerzeichen bei der Zuweisung weglassen? Die sind nicht HTML-konform.

Verfasst: 26.05.2010, 16:10
von AranankA
Ich hatte in der Zwischezeit etwas gebastelt, von anderer Seite einen Tipp bekommen (Cache leeren...), und alles nochmal neu hoch geschickt:

Code: Alles auswählen

/*css.css*/
<!--
#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;
	}
	-->
[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? <?php echo time();?>">
<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äsenz</h2>";
echo "<div id = \"normtext\">Dieser Text müsste eigentlich 20pt groß sein, einen Rand haben und über eine fette, gelbe Farbe verfügen</div>";

?>
</body>
</html>[/PHP]So klappt es jetzt wohl auf allen Browsern...

Somit erledigt.