Hallo allerseits,

ich habe eine Seite, auf der 20 Bilder stehen, die alle dieselben Abmessungen haben. Da kam mir die Idee, anstatt im HTML für jedes Bild den kompletten <img>-Tag zu haben, d.h.

[img]foto.jpg[/img]

könnte ich den Tag verkürzen zu

[img]foto.jpg[/img]

und stattdessen in der CSS-Datei den Bildern die entsprechenden Angaben zuweisen:

#galerie img {
height: 200px;
width: 100px; }

Mir ist klar, daß man eh nicht "verpflichtet" ist, height & width im <img>-Tag anzugeben, aber es ist halt sinnvoll und "schöner", damit der Browser sofort weiß, welche Abmessungen das zu ladende Bild hat, da andernfalls die Seite während des Ladens total unruhig "auseinanderspringt".

Aber dieses Problem dürfte bei besagter CSS-Lösung doch nicht auftreten, da der Browser dann aus der CSS-Datei wissen (und vor allem beim Laden der Seiten entsprechend berücksichtigen) müßte, wie groß die zu ladenden Bilder sind, richtig?

Und meine abschließende Frage dazu: Ist diese CSS-Lösung evtl. unschön bzw. "schlechter Stil"? Weil height & width halt eigentlich ins HTML gehören?

Aber ich finde diese CSS-Lösung an sich total super, da sie den HTML-Code verkleinert (und ich habe viele solcher Seiten, die ich auf diese Weise etwas "verschlanken" könnte).

Danke & schöne Grüße,
Heiko

Umgekehrt ist wohl richtiger!!

Value-Sizes sind eine Layout/Style Angabe, genauso wie für Kontainer ab ins CSS, mache ich nur so!

__________________
</ulle>

width & height sollte man imho im HTML nur verwenden, wenn man mehrere Bilder hat, die unterschiedliche größen haben. Sprich bei einer Galerie o.ä.

__________________
Bitte keine PN's - schreibt mir ne anständige Mail oder sprecht mich über Msn / Icq an
Milian Wolff | Markdownify | Typogridder

Danke Euch schonmal für die Antworten! Außerdem habe ich noch auf jeder Einzelseite ein Logo, das die einzige Grafik in seinem Container ist. Dann würde man es da ebenso machen, d.h. width & height raus aus dem HTML und stattdessen in die CSS, in der für das Logo dann folgendes steht?

#header img {
width: 100px;
height: 100px; }

Ich würde eher vorschlagen das Bild als Hintergrundbild einzubinden.

__________________
Bitte keine PN's - schreibt mir ne anständige Mail oder sprecht mich über Msn / Icq an
Milian Wolff | Markdownify | Typogridder

Habe ich auch bereits überlegt, aber ich habe das Bild bislang noch drin gelassen, damit auch Netscape 4-User das Logo angezeigt bekommen (denn dem NN4 enthalte ich die gesamte CSS-Datei durch media="all" vor, d.h. er würde das Logo nicht anzeigen, wenn es als Hintergrundbild käme). Würdest Du es trotzdem machen?

nn4 is zu vernachlässigen das wäre übertrieben..

wo ist das problem höhe und breite im html anzugeben?

__________________
Shibby.....

Mein Blog

Mir gefiel einfach nur der Gedanke bzw. das Prinzip, möglichst viele HTML-Angaben in die CSS-Datei auszulagern. Aber zumindest beim Logo würde das natürlich letztlich nicht viel bringen

Die Größenangaben für Bilder sollten IMO noch im TAG stehen. Das Stylesheet wird ja erst nach der HTML-Datei geladen und die benötigten Angaben kommen also ein wenig später als sie gebraucht werden. Außerdem haben (zumindest frühere) Mozillas/Feuerfüchse das Problem, dass Größenangaben für Bilder im Stylesheet ignoriert werden.

Mario

__________________
AppDev Blog · AppDev Forum

Passend zum Thema: Dave Shea: Image Attributes.

__________________
Markus Wulftange