CSS funktioniert bei <h1> nicht richtig?
Martin Bauer
- css
Hallo,
folgende zwei Dateien:
---- formate.css: ----
<html>
<style type="text/css">
h1 {
background-color:#B0B0B0;
text-align:center;
font-size:140%;
padding-top:2px;
padding-bottom:3px;
}
td {
background-color:#E0E0E0;
padding-left:8px;
padding-right:8px;
padding-top:0px;
padding-bottom:1px;
vertical-align:top;
}
</style>
</html>
---- janosch.html: ----
<html>
<head>
<title>
Janosch-Bücher
</title>
<link rel="stylesheet" type="text/css" href="formate.css">
</head>
<body>
<h1>Janosch-Bücher</h1>
<p>
<table width=100%>
<colgroup>
<col width=80%>
<col width=20%>
</colgroup>
<tr><td>Alle meine Entlein
— Eia Popeia </td><td>2.50 €</td></tr>
<tr><td>Als unser Frosch Besuch bekam </td><td>2.50 €</td></tr>
</table>
</html>
---------
Problem:
Die Datei janosch.html reagiert problemlos auf die CSS-Formatierung bei TD, ignoriert jedoch völlig die Formatierung bei H1.
Grüße, Martin
---- formate.css: ----
<html>
<style type="text/css">
Externe Stylesheets enthalten kein HTML.
Roland
Hallo Roland!
Die Fragen von Phil, Martin Bauer, Martin L. und Tim L. sind fakes.
Viele Grüße aus Frankfurt/Main,
Patrick
Die Fragen von Phil, Martin Bauer, Martin L. und Tim L. sind fakes.
Hm, die Fragen sehen aber schon wie welche aus. Oder meinst du die Namensvariable?
Roland
Hallo Orlando!
Hm, die Fragen sehen aber schon wie welche aus.
Ja. Wenn ich nicht so müde bin, schreibe ich Dir noch eine Mail (als Spam *g*)... Sonst morgen.
Viele Grüße aus Frankfurt/Main,
Patrick
Hallo Patrick,
schön, dass Du das aus der Ferne so völlig objektiv beurteilen kannst. Das Web war besser, als es noch Web 1 war, da konnte dann zwar nicht jeder mitmachen, aber genau das war auch gut so.
Und für das Web 2 gilt: Einige Fakes sind mir lieber, als zu viele Besserwisser und Dummschwätzer.
Grüße
Martin Bauer
Hallo Martin!
da konnte dann zwar _nicht jeder mitmachen_, aber genau das war auch gut so.
Irgendwie sprichst Du mir zur Zeit genau aus der Seele...
Und für das Web 2 gilt: Einige Fakes sind mir lieber, als zu viele Besserwisser und Dummschwätzer.
Ich stimme Dir da zu, was Besserwisser und Dummschwätzer angeht. Was die Fakes angeht, verweise ich auf https://forum.selfhtml.org/?t=157551&m=1025066.
Aber gut, vielleicht habe ich mich angesichts der Zahl derer und der späten Uhrzeit gerade bei Dir geirrt, dann tut es mir leid.
Zu Deiner Frage: Roland meinte, dass in einer externer CSS-Datei keinerlei HTML-Tags vorkommen dürfen. Es reicht also nicht, <html> zu entfernen, sondern auch <style ...>. In der CSS-Dateien dürfen nur die Regeldefinitionen stehen und bei Bedarf noch Kommentare (so: /* Kommentar */), sonst nichts:
-----------------------------
[code lang=css]
/* Formatierung für H1 */
h1 {
background-color:#B0B0B0;
text-align:center;
font-size:140%;
padding-top:2px;
padding-bottom:3px;
}
/* Formatierung für TD */
td {
background-color:#E0E0E0;
padding-left:8px;
padding-right:8px;
padding-top:0px;
padding-bottom:1px;
vertical-align:top;
}
[/cocde]
-----------------------------
Viele Grüße aus Frankfurt/Main,
Patrick
Hallo Roland,
ich entfernte die beiden Befehle <html> und </html>. Es funktioniert trotzdem nicht. Was mir etwas unlogisch erscheint ist: Setze ich die CSS-Anweisungen in die eigentliche Datei, gibt es keine Probleme. Setzte ich sie extern, gibt es bei fast allen Befehlen auch keine Probleme, außer bei <h1>, <h2> etc. Ändere ich Anweisungen für <td> werden diese sofort angezeigt, die für <h1> immer ignoriert, wenn extern.
Grüße, Martin
Hallo Roland,
ich entfernte alle HTML-Befehle aus der CSS-Datei. Jetzt scheint es zu funktionieren. Danke.
Grüße, Martin