WauWau: height="" width="" in <img> oder CSS?

Beitrag lesen

Hallo Jeena,

Also mir validiert meine Seite auch mit XHTML 1.1 obwohl ich height="xx" und width="xx" für die Bilder verwende.
http://validator.w3.org/check?uri=http%3A%2F%2Fjeenaparadies.de%2Fartikel%2Fwebdesign%2F&charset=(detect+automatically)&doctype=Inline&ss=1&verbose=1

jo, ich habe es auch mal gerade mit Strict ausprobiert, es geht genauso, du hast recht.... Aber das hat ja Detlef bereits in [pref:t=77546&m=448246] geschrieben...

Hmmm, wieso fragst du da eigentlich ausgerechnet mich? Ich war und bin sowieso eigentlich nicht so ein Weg-mit-dem-alten-und-bewährten-Fanatiker.
Weil du gerade das Thema angesprochen hattest.

ach genau, so war es ja gewesen (ist heute schon mittwoch?)...

Wie wär's denn mit selbst-erkundigen,-bevor-im-forum-fragen? Du bist doch schon lange genug hier.
Das habe ich natürlich nur schienst du da so überzeugt  -von dem was du sagst - dass ich deine Sicht der Dinge hören wollte.

Ich und "überzeugt" scheinen? Sind ja völlige Gegensätze *g* ;-)

Wenn das nicht so wäre würde sich HTML nicht so lange halten, und würde durch eine Andere Sprache ersetzt die das alles kann. Davon bin ich überzeugt.

jo, das würde es so in etwa auf den Punkt treffen. Aber

a) HTML gibt es schon "ne ganze weile" lang
  b) Es gibt im WWW keine richtige Alternative
  c) sie würde sich nicht durchsetzten

Oder willst du demnächst seiten sehen, wo steht: "Diese Seite ist mit MWFL formatiert. Sie benutzen jedoch nicht den MSIE, deswegen werden sie sie nicht sehen"

MWFL = Microsofts Web Formatting Language (soll irgendwie heißen: "MS's Web-formatierende Sprache")...

Außerdem: Es gibt bereist so einen Scheiß wie Flash (sorry Macromedia, aber euer Produkt verschmutzt das schöne Web)

Also würdest du textareas und input und so Zeugs auch mit CSS formatieren?

jo, grundsätzlich alles, vom <p> über das <img> und die <h1> bis hin zun <input>'s und den <a>'s (habe ich irgendwas vergessen <g> ;-) ?)

Ich bin halt irgendwie der Meinung dass die Höhe und Breite eines Bildes ja auch zum Inhalt gehören, und das Bild auch ohne CSS darstellbar sein sollte.

Das Bild wird ohne CSS oder formatierung in seiner originalgröße gespeichert, und wenn du es mal richtig überlegst, dann ist die Höhe und Breite die Formatierung, und formatiert wird mittels CSS - ausgezeichnet mittels HTML.

Mir ist auch klar dass es auch unverzerrt ohne die Höhen- und Breitenangaben angezeigt wird

Browser kommen da auf ganz dolle ideen ;-))

weil diese Daten ja innerhalb des Bildes auch abgespeichert sind.

so ist es - so soll es sein.

Aber wenn sie dort schon abgespeichert sind dann müssen sie ja sehr wichtig sein

wieso? Erstelle ein 10x10 pixel großes gif, welches nur mit (?:rot|grün|gelb|#xxxxxx|[transparent]) gefüllt ist. Spielt die Höhe da eine rolle, wenn es letztenendes in unterschiedlichen größen an unterschiedlichen stellen fürs design benutzt wird? Wenn du ein Foto hast und es als ein (wie heißen die nochmal? *grübel* ach ja, genau) Thumbnail speichern willst, ist die größe dann relevant?

und wirklich an das Bild gebunden sein so dass sich das Bild nicht von ihnen trennen kann.

Nööö. Siehe oben.

Wenn sie aber so wichtig sind sollten Sie ja auch zur Verfügung stehen wenn kein CSS angezeigt wird.

Tuen sie ja auch [mein gott, kann mal jemand die sonne abstellen, ich kann nichts mehr erkenne, was auf meinem monitor steht]

*blindschreib*

Dies ist aber nur gegeben wenn sie mit height="xx" und width="xx" angegeben werden

Also das haben wir doch jezt schon durchgekaut...

Sonst wird das ganze ja falsch dargestellt, was unter umständen zur falschen Interpretation durch den Betrachter führt.

nix wird ohne nicht exiplit angegebene Breite-und-höhe-werte falsch dargestellt.

Verstehst du jetzt meine Zweifel warum ich mich nicht dazu durchringen kann zu sagen dass nur CSS dafür zuständig sein kann?

CSS ist nicht "nur" dafür zuständig.

Ach ja, und wenn du einen Grund gesucht hast, die Größe eines Bildes überhaupt exiplit anzugeben, wenn es doch die gleiche ist, als im Bild "eingestellt": Wenn das Bild noch nicht geladen ist, geht der Browser von eiener "Grundgröße" aus und reserviert dafür den Platz. Nun wird das Bild geladen und dann entstehen undschöne Ruckeleffekte, weil dann der reservierte platz nicht ausreicht und alles beiseite geschoben wird, und so weiter... oder wenn das bild nicht geladen werden kann (z.B. weil es nicht existiert), dann bleibt die voreingestellte "freifläche" für das Bild. Bei größenangabe für das bild wird gleich der richtige platz freigehalten und notfalls sieht dann wenigstens alles so aus, wie es mit bild aussehen würde, außer dass anstatt des Bildes irgendwas anderes ist, im IE wäre das beispielsweise so ein hässliches X, in Opera/Mozilla ist es afaik nix.

3. (in der externen CSS Datei) h1#extrawurst { font: 300% verdana; }

ganz nobel ;-)

Ich nehme die dritte, die der zweiten aber ziemlich gleicht.

ist x-large = 300% ?

* weil font bei meinen Doctypes nicht erlaubt ist

aha... und wieso nicht?

* weil ich dann markup und layout trenne

ich denke, deswegen. Das wäre ja umsobesser, würdest du es auch bei der einbindung deiner bilder trennen ;-)

* weil eine h1 schon auch ohne formatierung genug aussagt

stimmt auch wieder. Aber es sieht nicht so aus, wie wir es haben wollen ;-)

Bei einem Bild ist das nicht gegeben. Ich bin halt noch am suchen nach der ultimativen Antwort.

Wie? Zur Formatierung? Mit CSS kannst du Abstand regeln, Rahmen drumregeln, hintergrund festlegen (wenn es transparent ist, macht das schon was aus) und einiges mehr (z.B. das im alt-attribut stehende einfach und unkompliziert hinter das bild schreiben (´oder unter oder vor oder wo immer du es hinwillst - immerhin benutzt du ja CSS 8]). Mit HTML kannst du lediglich den Abstand vertikal in eine richtung und horizontal in eine richtung (jenachdem wo es ausgerichtet ist), genau dann noch ausrichtung (CSS: float), größe und rahmen (die rahmenfarbe sowie konsistenz kannst du mit HTML _nicht_ bestimmen) festlegen. Schluss, ende, aus mit HTML - CSS ist hier wohl der gewinner bei der formatierung.

WauWau

--
ss:) zu:) ls:< fo:~ de:] va:) ch:° n4:# rl:( br:< js:| ie:% fl:| mo:|
WauWau E-Mail: coming soon