✔ Link Formatierung in h1 funktioniert nicht mit externer css

B

BluB0HR

Grünschnabel
Hallo,

kann mir jemand erläutern, warum folgende 2 Fälle obwohl sie absolut identisch sind ein vollkommen anderes Ergebnis liefern? Ich benutze FF3.

<a></a> ist zuvor nicht per css definiert..


Fall 1

Inhalt der externen css
HTML: 
h1 {
  font:bold 16px/14px Arial, sans-serif;
  padding:20px 0 10px 0;
}
Inhalt der Seite
HTML: 
<h1>Attribute von &nbsp;<a href="#" style="text-transform:uppercase; font:bold 12px Arial, sans-serif; color:#FF6600; display:inline; text-decoration:none;"><?php echo $_SESSION["latest_active_char"]; ?></a></h1>
Ergebnis: Überschrift und Link werden wie formatiert ausgegeben.

Fall 2

Inhalt der externen css
HTML: 
h1 {
  font:bold 16px/14px Arial, sans-serif;
  padding:20px 0 10px 0;
}

h1 a {
  text-transform:uppercase;
  font:bold 12px Arial, sans-serif;
  color:#FF6600;
  display:inline;
  text-decoration:none;
}
Inhalt der Seite
HTML: 
<h1>Attribute von &nbsp;<a href="#"><?php echo $_SESSION["latest_active_char"]; ?></a></h1>
Ergebnis: Überschrift wird wie formatiert ausgegeben, der Link wird nach Browserstandard ausgegeben.
 
Hi,

dieses Verhalten kann ich bei mir im FF3 nicht reproduzieren.

Mein Testdokument:
HTML: 
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=ISO-8859-1">
<meta name="author" content="Maik">
<meta name="date" content="2009-05-16">

<title>tutorials.de | test_BluB0HR</title>

<link rel="stylesheet" type="text/css" href="test.css" media="screen">

</head>
<body>

<h1>Attribute von &nbsp;<a href="#">link</a></h1>

</body>
</html>

Die Browserausgabe:
ff3.jpg


mfg Maik
 
Um antworten zu können musst du eingeloggt sein.

Neue Beiträge

Zurück