nicht angemeldet
Sind meine CSS-Angaben wirklich so grottenschlecht?
Schönen guten Tag alle zusammen!
Ich habe gerade angefangen mich mit CSS zu beschäftigen (entdecke die Möglichkeiten ;)); und wie geht es besser, als gleich Praxis-orientiert zu arbeiten.
Ich habe mir die Seite zum 'überprüfen' immer im Mozilla angesehen. Nun habe ich sie mit IE 6.0, Opera 7.0, Netscape 7.0 & eben Mozilla betrachtet. Nur Netscape & Mozilla bringen das gewünschte Ergebnis.
Ich würde Euch gerne bitten, meine Seite mal anzuschauen und mir sagen, ob ich mich beim Thema CSS (bzw. die Einbindung in Html) nochmal ein paar Stunden vor selfhtml setzen muss, oder ob es an den oben genannten Browsern liegt.
Hier der Link: http://www.infinit-insanity.com/test/test_index.html/
Im Voraus schonmal tausend Dank!
Grüsse aus Heppenheim,
Tobias
-
Entschuldigung, hier der richtige Link: http://www.infinit-insanity.com/test/test_index.html
Gruss,
Tobias-
Entschuldigung, hier der richtige Link: http://www.infinit-insanity.com/test/test_index.html
Gruss,
TobiasHi,
Ich würde für das Menü einfach eine Tabelle verwenden, deren Hintergrundbild navi_test1.gif ist. Bei mir im Konqueror werden nämlich die Menübilder zu weit rechts angezeigt. Das div-Tag kannst Du Dir dann sparen.
-
Ich würde für das Menü einfach eine Tabelle verwenden, deren Hintergrundbild navi_test1.gif ist. Bei mir im Konqueror werden nämlich die Menübilder zu weit rechts angezeigt. Das div-Tag kannst Du Dir dann sparen.
Hallo Guillermo!
Das werd ich auf jeden Fall mal probieren.
Hab ganz vergessen anzugeben, daß die Seite mit dem Konqueror auch 'verschoben' aussieht.
Vielen Dank!
Gruß,
Tobias-
hi tobias,
ich denke auch, daß du zunächst mal ordnung in den html-code bringen solltest. eine gute 'selbst'hilfe hierbei ist immer: http://validator.w3.org/
allerdings mußt du, damit der validator deinen code testen kann, erst einmal in selfhtml nachlesen, welche angaben noch erforderlich sind.
gruß
Ingo
-
-
-
-
Hi,
Ich würde Euch gerne bitten, meine Seite mal anzuschauen und mir sagen, ob ich mich beim Thema CSS (bzw. die Einbindung in Html) nochmal ein paar Stunden vor selfhtml setzen muss, oder ob es an den oben genannten Browsern liegt.
Hier der Link: http://www.infinit-insanity.com/test/test_index.htmlDie Seite enthält ja fast kein CSS...
Dafür aber sinnlos geschachtelte HTML-Elemente:<span style="font-variant:small-caps">
<span style="font-size:8pt">
<p align="left">News-news-news-news-news.
News-[...]
<a href="inline.html" target="main">-Alle Neuigkeiten-</a><br><a href="inline.html">-Homepagenews-</a></span></span>Warum öffnest Du 2 spans?
Warum legst Du ein blocklevel-Element (p) in ein inline-Element (span)?
Warum schließt Du die span-Elemente, bevor das innere Element (p) geschlossen wird?Bring erstmal das HTML in Ordnung.
DANN kümmer Dich ums CSS.
cu,
Andreas--
Der Optimist: Das Glas ist halbvoll. - Der Pessimist: Das Glas ist halbleer. - Der Ingenieur: Das Glas ist doppelt so groß wie nötig.
http://mud-guard.de/? http://www.andreas-waechter.de/ http://www.helpers.de/-
Hallo Andreas!
<span style="font-variant:small-caps">
<span style="font-size:8pt">
<p align="left">News-news-news-news-news.
News-[...]
<a href="inline.html" target="main">-Alle Neuigkeiten-</a><br><a href="inline.html">-Homepagenews-</a></span></span>Warum öffnest Du 2 spans?
Du meinst, ich sollte die Größe und Art der Schrift in einen <span> 'stecken'? Ok. Danke für den Tip.
Warum legst Du ein blocklevel-Element (p) in ein inline-Element (span)?
Das hab ich angegeben, weil Opera, etc. die ganzen 'Newssachen' zentriert dargestellt hat. Ich schätze mal, Deine Antwort soll mir sagen, daß es eine Angabe zur Schriftausrichtung im <span> gibt.
Auch dafür vielen Dank!Warum schließt Du die span-Elemente, bevor das innere Element (p) geschlossen wird?
Weil danach eine andere Größenangabe kommt. Erst alles schließen (inkl. <p>) und dann nochmal neu?
Vielen Dank für Deine Antwort, sind das u.U. Gründe dafür, daß mein Menü, etc. 'verschoben' dargestellt wird?
Gruß,
Tobias-
Hi,
Warum legst Du ein blocklevel-Element (p) in ein inline-Element (span)?
Das hab ich angegeben, weil Opera, etc. die ganzen 'Newssachen' zentriert dargestellt hat. Ich schätze mal, Deine Antwort soll mir sagen, daß es eine Angabe zur Schriftausrichtung im <span> gibt.Nein, das soll sagen, daß ein p nicht in ein span gehört.
Was aber nicht heißt, daß es keine Text-Ausrichtungs-Möglichkeit gäbe (text-align).Warum schließt Du die span-Elemente, bevor das innere Element (p) geschlossen wird?
Weil danach eine andere Größenangabe kommt. Erst alles schließen (inkl. <p>) und dann nochmal neu?Du verschachtelst Dein HTML falsch.
Lerne erstmal, HTML richtig zu verwenden...cu,
Andreas--
Der Optimist: Das Glas ist halbvoll. - Der Pessimist: Das Glas ist halbleer. - Der Ingenieur: Das Glas ist doppelt so groß wie nötig.
http://mud-guard.de/? http://www.andreas-waechter.de/ http://www.helpers.de/
-
-
-
Hallo Tobias,
Ich habe gerade angefangen mich mit CSS zu beschäftigen (entdecke die Möglichkeiten ;)); und wie geht es besser, als gleich Praxis-orientiert zu arbeiten.
Ich habe mir die Seite zum 'überprüfen' immer im Mozilla angesehen. Nun habe ich sie mit IE 6.0, Opera 7.0, Netscape 7.0 & eben Mozilla betrachtet. Nur Netscape & Mozilla bringen das gewünschte Ergebnis.Bei mir sieht's nur im Opera wie anscheinend gewünscht aus. Im MSIE6 und Firebird 0.5 ist die komplette linke Seite verrutscht, das Hintergrund liegt falsch und der Vordergrundinhalt ebenso.
Ich würde Euch gerne bitten, meine Seite mal anzuschauen und mir sagen, ob ich mich beim Thema CSS (bzw. die Einbindung in Html) nochmal ein paar Stunden vor selfhtml setzen muss, oder ob es an den oben genannten Browsern liegt.
Werfe alle unnötigen Tabellen aus dem Markup. Eine Tabelle reicht, die Tabelle in der oberen Zelle ist unnötig, du kannst die Abstände mit padding für das td-Element realisieren. Die Tabelle innerhalb der rechten Zelle erfüllt anscheinend auch keinen Zweck.
Versuche jedes überflüssige Element zu vermeiden und versuche, das Meiste mit CSS und strukturierenden Elementen (Überschriften etc.), IDs und Klassen umzusetzen. Du benutzt CSS wie font-Elemente, so ist es aber nicht gedacht und so wirst du damit auch auf keinen grünen Zweig kommen. Das style-Attribut kann nicht nur in div und span untergebracht werden, deine vielen span- und div-Container mit style-Attributen sind überflüssig. Abgesehen davon: Lagere alle Styles aus und lerne, wie du mit Selektoren effektiv bestimmte Elemente ansprechen kannst.
<span style="font-size:5pt">
<p> </p>
</span>So etwas ist Codemüll, löse es mit CSS (margins), und zwar mit externen Styles.
Anstatt diesem Codemonster:
<p align="left"><b><u>News:</u></b></p>
<span style="font-variant:small-caps">
<span style="font-size:8pt">
<p align="left">News-news-news-news-news.
News-news-news-news-news-
News-news-news-news-news-
News-news-news-news <br>
<a href="inline.html" target="main">-Alle Neuigkeiten-</a><br><a href="inline.html">-Homepagenews-</a></span></span>
<span style="font-size:8pt">
<u>Last Update: xx.xx.xxxx</u></span>
</p>würde bspw. folgendes ausreichen:
<h2>News:</h2>
<p id="news">News News News ...<br>
<a href="inline.html" target="main">Alle Neuigkeiten</a><br>
<a href="inline.html">Homepagenews</a></p>
<p id="update">Last Update: xx.xx.xxxx</p>Für alle weiteren Formatierungen nutzt du externe CSS-Regeln.
Den Sinn von alt-Attributen hast du anscheinend nicht verstanden, lies mal folgende Seiten:
http://www.bjoernsworld.de/html/alt-text.html
http://www.cs.tut.fi/~jkorpela/html/alt.html
http://webdesign.crissov.de/alt-Text<body bgcolor="#000000" link="#6699FF" vlink="#6699CC" alink="#FE0000" text="#3366CC">
Das kannst du alles mit CSS lösen.<div align="center">
Das align-Attribut kannst du auch direkt auf die Layouttabelle anwenden. Du suchst aber wie gesagt eher nach der CSS-Eigenschaft text-align. Zur Zentrierung von Blockelementen siehe auch http://aktuell.de.selfhtml.org/tippstricks/css/ausrichtung/.Im Archiv erfährst du, warum »pt« eine praktisch ungeeignete Größeneinheit für Webseiten auf dem Medium screen/projection ist.
Grüße,
Mathias--
Ein Mensch ist mehr als (.*[a-zA-Zäöü]{2,}.*_.*[a-zA-Z]{2,}.*_+<.*\w.*@{1}\w+.*.[a-zA-Z]{2,4}>)|(\w+@{1}\w+.*.[a-zA-Z]{2,4}_+(.*[a-zA-Zäöüäöü]{2,}.*_.*[a-zA-Zäöü]{2,}.*)) erfassen kann.