nicht angemeldet
Warum funzt das css nicht mit dem IE?
Hallo,
www.hobbybrauer.info Schaut mal unter Bierbrauen.
Ich möchte das der jeweils erste Buchstabe grösser und Andersfarbig ist.
Im Opera und MOzilla macht er das auch.
Nur im IE stellt er den ersten BS nicht grösser dar und dem Rest vom Text fehlt dann die Formatierung.
Hier die css:
<style type="text/css">
<!--
.zwischenueberschrift { font: bold 16px Verdana, Arial, Helvetica, sans-serif}
.text { font: 14px Verdana, Arial, Helvetica, sans-serif}
p:first-letter { font-size:150%; color:brown;}
-->
</style>
Was habe ich da falsch?
(IE6, Opera 7,52)
Danke
Gucky
-
Hallo Gucky
p:first-letter { font-size:150%; color:brown;}
änder das mal wie folgt:
p.text:first-letter { font-size:150%; color:brown;}Du hast jedem Absatz die Klasse "text" zugewiesen und den firstletter nur für Absätze ohne Klasse. musst natürlich im CSS auch das ner Klasse zuordnen. Dann funktionierts.
Gruß Bobby
-
Hallo Gucky
p:first-letter { font-size:150%; color:brown;}
änder das mal wie folgt:
p.text:first-letter { font-size:150%; color:brown;}Du hast jedem Absatz die Klasse "text" zugewiesen und den firstletter nur für Absätze ohne Klasse. musst natürlich im CSS auch das ner Klasse zuordnen. Dann funktionierts.
Hey,
also den ersten Buchstaben macht er jetzt so wie ich will. Aber, danach hat der Text beim IE keine Formatierung
Schau mal unter www.hobbybrauer.info Bierbrauen
und dann abläutern.
Da habe ich es so gemacht.Erster Buchstabe gross, dann ist keine Formatierung und irgendwie zwischendrin ist es dann mal formatiert.
Gruss
Mike
-
Hallo Gucky
füg die Zeile :
p.text { font: 14px Verdana, Arial, Helvetica, sans-serif}hinzu.
Er ignoriert das für die Klasse weil du <P> ja mit dem first-letter eine neue Formatierung nur für den ersten Buchstaben gegeben hast.
die Formatierung ".text" wird in dem Fall ignoriert.Habs getestet mit dieser Zusatzzeile funktionierts.
Gruß Bobby
-
Sorry Berichtigung. geht auch einfacher
die css sollte wie folgt aussehen damit es funktioniert:
.zwischenueberschrift { font: bold 16px Verdana, Arial, Helvetica, sans-serif}
p.text:first-letter {font-size:150%; color:brown;}
.text,p.text { font: 14px Verdana, Arial, Helvetica, sans-serif}Das ist einfacher und die css wird nicht zu groß
Gruß Bobby
-
Hallo Bobby,
danke es funzt jetzt.
Gruss
Gucky
-
-
-
-
www.hobbybrauer.info Schaut mal unter Bierbrauen.
Naja, hätte ich gerne, ich krieg aber lediglich gesagt dass ich kein Flash installiert habe (weiß ich doch)
Hier die css:
<style type="text/css">
<!--
.zwischenueberschrift { font: bold 16px Verdana, Arial, Helvetica, sans-serif}
.text { font: 14px Verdana, Arial, Helvetica, sans-serif}
p:first-letter { font-size:150%; color:brown;}Wozu die Klasse text oder zwischenüberschrift?
Klassen sind für Elemente die keinem HTML zugeordnet werden können und häufiger auftauchen können (im gegensatz zu IDs die nur einmal auf einer Seite sein dürfen).
text scheint nicht etwas besonders zu sein und dürfte durch ein <p> ausreichend ausgezeichnet sein und zwischenüberschrift klingt nach <h2> oder <h3>
Das hat den vorteil, das browser die kein CSS können die Seite ebenfalls sinnvoll darstellen können.
Und für dich hat es den Vorteil, das du nicht überall die Klassenbezeichnungen einbauen musst. Wenn du das System strikt umgesetzt hast, brauchst du in aller Regel keine Klassen mehr, da HTML eigentlich ausreichend Elemente zu Verfügung stellt.Struppi.