nicht angemeldet
simple css-frage wirklich simpel
Was mache ich hier falsch,"learning by doing" wird eingerückt
und der erste buchstabe ist mit p:first letter {...
auch nicht grösser wie er es sein sollte.
Ich komme einfach nicht drauf,dabei ist es sicher nur ein Syntaxfehler.
!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
<title>Page title</title>
</head>
<body>
</font></p>
<style type="text/css">
p:first-letter { font-size:100%; color:104C30 }
div { background-color:#FFFFFF }
div p:first-child { background-color:#C0C0C0 }
</style>
<p style="text-align:justify; margin-left:0.0cm;"><font face="Arial,Verdana" size="2" color="#104C30">
Fazit !
<p style="text-align:justify; margin-left:0.0cm;"><font face="Verdana" size="1" color="#292929">
<ul>
<li>Urlaub</li>
<li>Flugticket </li>
<li>Reissepass,noch mind. 6 Monate gültig</li>
<li>Euro</li>
<style type="text/css">
p:first-letter { font-size:100%; color:104C30 }
div { background-color:#FFFFFF }
div p:first-child { background-color:#C0C0C0 }
</style>
<p style="text-align:justify; margin-left:0.0cm;"><font face="Arial,Verdana" size="2" color="#104C30">
Learning by doing</
<p style="text-align:justify; margin-left:0.0cm;"><font face="Verdana" size="1" color="#292929">
<li>2 Wochen Urlaub</li>
<li>Flugticket </li>
<li>Reissepass,noch mindestens 2 Monate gütig</li>
<li>ein test</li>
</ul>
</body>
</html>
-
Hi Bern,
auf anhieb kuck dir mal den Tag an!
<p style="text-align:justify; margin-left:0.0cm;"><font face="Arial,Verdana" size="2" color="#104C30">
Learning by doing</Du hast den garnich richtig abgeschlossen!
<p style="text-align:justify; margin-left:0.0cm;"><font face="Arial,Verdana" size="2" color="#104C30">
Learning by doing</font></p>So müßte es gehen.
Ich weiss auch nicht wieso du noch font Tags benutzt wenn du sowieso CSS hast!
Schrieb einfach ins CSS "font-family:arial,verdana;"
gruß
Blackbird -
Moin!
Was mache ich hier falsch,"learning by doing" wird eingerückt
und der erste buchstabe ist mit p:first letter {...
auch nicht grösser wie er es sein sollte.
Ich komme einfach nicht drauf,dabei ist es sicher nur ein Syntaxfehler.Da ist einiges falsch - oder beim Posting durcheinandergeraten.
p:first-letter { font-size:100%; color:104C30 }
Naja, 100% Schriftgröße von was? Natürlich von der normalen Schriftgröße an dieser Stelle. Die Schrift wird also genauso groß, wie normal auch - nicht größer, nicht kleiner.
Und die Farbangabe benötigt dringend ein "#" vorne vor, sonst funktioniert sie auch nicht (vielleicht noch im IE, aber sonst nirgendwo).
Du solltest, um Fehler zu erkennen und korrigieren zu können, deine HTML- und CSS-Seiten mal validieren lassen:
http://validator.w3.org für HTML.
http://jigsaw.w3.org/css-validator für CSS.- Sven Rautenberg
--
ss:) zu:) ls:[ fo:} de:] va:) ch:] sh:) n4:# rl:| br:< js:| ie:( fl:( mo:| -
Hallo bernd!
Ich komme einfach nicht drauf,dabei ist es sicher nur ein Syntaxfehler.
Bei dem Code bekommt das Wort eine neue Bedeutung ;-)
1.) Wieso font-Tag?
2.) Wieso CSS im Body?
3.) »» <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
ist das sicher nicht4.) »» p:first-letter { font-size:100%; color:#104C30; }
= 100% - also nicht kleiner und nicht größer. Wenn Du es etwas größer möchtest, zB font-size:120%; oder eben entsprechendes.5.) Warum p eingerückt wird, kann ich aufgrund des Codes nicht nachvollziehen ;-)
mfg
norbert =:-)
-
Hallo bernd,
Was mache ich hier falsch,"learning by doing" wird eingerückt
und der erste buchstabe ist mit p:first letter {...
auch nicht grösser wie er es sein sollte.
Ich komme einfach nicht drauf,dabei ist es sicher nur ein Syntaxfehler.Oh mann bernd soviele Fehler in so wenig code
!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
^Hier fehlt die < Klammer
<html>
<head>
<title>Page title</title>Hier ist normalerweise der Ort für die style Definition.
</head>
<body></font></p>
Was soll jetzt das hier mittendrin?
<style type="text/css">
p:first-letter { font-size:100%; color:104C30 }
div { background-color:#FFFFFF }
div p:first-child { background-color:#C0C0C0 }
</style>wie gesagt, das style sollte im Head stehen.
Dein p:first-letter hat 100%, ist also genauso groß wie Deine 'normale' Schrift
Bei color fehlt die #
was sollen in Deinem Beispiel die div? Du verwendest doch gar keine.<p style="text-align:justify; margin-left:0.0cm;"><font face="Arial,Verdana" size="2" color="#104C30">
Auerhauer wirf das raus und mach es mit CSS. Und font size 1 ist das nicht ein bisschen arg klein?
Fazit !
Hmmm mit dem Schließen von tags hast Du es nicht so oder?
<p style="text-align:justify; margin-left:0.0cm;"><font face="Verdana" size="1" color="#292929">
Schon wieder dieser Müll
<ul>
<li>Urlaub</li>
<li>Flugticket </li>
<li>Reissepass,noch mind. 6 Monate gültig</li>
<li>Euro</li>Liste nicht beenden ?
<style type="text/css">
p:first-letter { font-size:100%; color:104C30 }
div { background-color:#FFFFFF }
div p:first-child { background-color:#C0C0C0 }
</style>Was soll jetzt nochmal dasselbe CSS hier?
<p style="text-align:justify; margin-left:0.0cm;"><font face="Arial,Verdana" size="2" color="#104C30">
Waaaaaaaaaaaaaaaa
Learning by doing</
was ist das </
<p style="text-align:justify; margin-left:0.0cm;"><font face="Verdana" size="1" color="#292929">
siehe oben
<li>2 Wochen Urlaub</li>
<li>Flugticket </li>
<li>Reissepass,noch mindestens 2 Monate gütig</li>
<li>ein test</li>
</ul></body>
</html>Wie gesagt, soviele Fehler in sowenig code, das könnte ein neuer Rekord werden (bestimmt hab ich auch noch was übersehen).
Ich hoffe, wir haben dich jetzt nicht total frustriert, aber so wird das nix. Irgendwie hab ich den Eindruck, Du hast nen Wysiwyg -Editor verwendet, etwas im code rumgewurschtelt und dann da das Beispiel über first-letter aus SELFHTML reinkopiert. Könnte das hinkommen?Grüße aus Nürnberg,
HarryS--
Dank des SELFcodes weiß ich endlich was ich als Signatur nehmen soll.
sh:( fo:) ch:? rl:? br:> n4:° ie% mo:) va| de:> zu:| fl:( ss:{ ls:# js:|