Spaghetti-Code trotz CSS (Seite 2)

gerard schrieb:

Teilweise kommen auch erst die Bilder und dann erst das css (wobei es dann egal ist, weil dann das Bild selbst den Raum bestimmt).

Hallo Gerard

Als Zusatz sollte man erwähnen das es nur zutrifft wenn die Grösse des Bildes dem entspricht was im CSS angegeben ist.

gerard schrieb:

joerg schrieb:

Und class Attribute würde ich nicht nehmen um Bilder per CSS zu definieren denn damit erhöht man wieder die Ladezeiten! Somit ist das also Kontraproduktiv!

Was willst du sonst nehmen? Außer deine Bilder sind überall gleich groß.

Kommt stark auf den Einzelfall an was ich nehmen werde! Aber danke für den Hinweis ich werde dann gleich das class="logo" aus meinem Header nehmen! Warum habe ich das nicht vorher gesehen das ich das doch ändern kann. Statt img.logo werde ich das dann durch #head img bei der Domain ersetzen! Das kommt noch aus der Zeit wo ich mehrere Bilder im Header hatte!

Wo es möglich ist würde ich verschachtelte Attribute nehmen! Wenn es geht ohne Beziehung zu einer id. Kann auch mal sein das ich zu einer id für das Bild neige! Das ist aber mit der id für ein Bild auch nicht besonders gut.

Und bevor ich ein class Attribut für jedes Bild nehmen würde würde ich das eher wirklich in Html abbilden. Denn dann schleppt das die CSS Datei das alles mit! Und für jede Seite die man aufruft.

Man muss sich so einen Schritt eben gründlich überlegen! Und wenn es Sinn für einen macht sollte man es anwenden.

Gruß
Jörg

Ich sagte ja nicht, dass die Bilder mit CLASS definiert werden müssen. Ich bevorzuge dafür eher ID.
Natürlich muss man das nicht tun und kann bei img die Größe direkt im Source bestimmen, würde ich aber nicht tun!

@Sarha: so wie von Dir beschrieben, macht es genau aus diesem Grunde Sinn, die Größenangaben ins CSS zu verfrachten. Damit lassen sich sicher einige Prozente sparen.

@Andreas: Du hast recht (und ich nicht) es ist nicht vorgeschrieben, bei img\'s die Größenangaben in das CSS zu legen. Aber optimalerweise sind es ja nicht so viele Klassen respektive ID\'s, denn wenn das Gesamtbild stimmen soll, verwendest Du im Webdesign auch gleiche Bild-Größen, um ein besseres Gesamterscheinungsbild darzustellen.

der_booker schrieb:

@Sarha: so wie von Dir beschrieben, macht es genau aus diesem Grunde Sinn, die Größenangaben ins CSS zu verfrachten. Damit lassen sich sicher einige Prozente sparen.

Ich will mich ja nicht mit dir streiten, aber da musst du den Beweis antreten (insbesondere wenn es nur ein Bild pro Seite und auf jeder Seite eine andere Größe ist).

Gérard

gerard schrieb:

Ich will mich ja nicht mit dir streiten, aber da musst du den Beweis antreten (insbesondere wenn es nur ein Bild pro Seite und auf jeder Seite eine andere Größe ist).

Wenn man auf jeder Seite ein anderes Bild hinterlegt (nur eins) und dann auch immer an der gleichen Position (bei Sarah rechts oben), dann würde ich schon schaun, dass es immer die gleiche Größe hat.

Beispiel:
bei /Textilien/de/Nachhaltigkeit.html --> das Bild rechts oben = 180x236
bei /Textilien/de/Produkte.html --> das Bild rechts oben = 180x271
Macht es da nicht Sinn immer das gleiche Format zu verwenden, was glaube ich auch gewollt war?
Ich würde an dieser Stelle 2 ID\'s vergeben. Einmal im Hochformat und dann im Querformat. So sieht das für alle Seiten einheitlicher aus.

Wenn ich so ein Design sehe (finde es schön), würde ich im Bausteinsystem arbeiten (PHP).
Ich würde einen Headerbereich + Menu anlegen, einen Body- und einen Footerbereich.
Das einzige was sich nun ändert, ist ja der Body. Vorteil, der Rest ist ja schon im Cache und muss nicht nochmals geladen werden.

der_booker schrieb:

Wenn man auf jeder Seite ein anderes Bild hinterlegt (nur eins) und dann auch immer an der gleichen Position (bei Sarah rechts oben), dann würde ich schon schaun, dass es immer die gleiche Größe hat.

Einfach die Bedingungen ändern ... das gilt nicht.

Gérard

gerard schrieb:

Einfach die Bedingungen ändern ... das gilt nicht.

hehe, gut dann habe ich es noch nicht verstanden. Ehrlich. Welchen Beweis soll ich genau erbringen?
Du meinst ich habe jeweils ein Bild an einer jeweils anderen Stelle und das mit einem jeweils anderen Format? Ist zwar selten (denke ich) aber da man hier nix in den Cache laden kann, wäre es im Source tatsächlich besser aufgehoben.

der_booker schrieb:

hehe, gut dann habe ich es noch nicht verstanden. Ehrlich. Welchen Beweis soll ich genau erbringen?
Du meinst ich habe jeweils ein Bild an einer jeweils anderen Stelle und das mit einem jeweils anderen Format? Ist zwar selten (denke ich) aber da man hier nix in den Cache laden kann, wäre es im Source tatsächlich besser aufgehoben.

Im Moment gibt es auf der Site 4 Seiten mit je einem Bild oben rechts - aber die sind alle unterschiedlich groß ... das war die Ausgangsbedingung. Aber ich gebe dir noch ein anderes Beispiel wo ich es nicht mit css versuchen würde: www.neuewelt.at

gerard schrieb:

Im Moment gibt es auf der Site 4 Seiten mit je einem Bild oben rechts - aber die sind alle unterschiedlich groß ... das war die Ausgangsbedingung. Aber ich gebe dir noch ein anderes Beispiel wo ich es nicht mit css versuchen würde: www.neuewelt.at

Ausgerechnet da würde ich es wieder machen. Ich denke, dass das jeder Designer anders sieht. Für mich persönlich wirken die Bilder dort eher wild und nicht aufgeräumt. Dort würde ich mit einem festen Formulareditor arbeiten. Das heißt, ich gebe im CMS die Bildpositionen an. Bild lo, lu, ro und ru. Damit das ganze vielleicht etwas mehr Auswahl bekommt nehmen wir noch s, l und xl dazu. Nun haben wir in der CSS 12 Abschnitte drin.
Im Code schreibt man dann statt

der_booker schrieb:

Ausgerechnet da würde ich es wieder machen. ...

Könnte man. Aber die ältere Dame, die diese Site auf der Grundlage der Artikel und der Bilder der gedruckten Zeitschrift mehr oder weniger als Freundschaftsdienst macht, ist froh, wenn sie überhaupt ein paar halbwegs brauchbare Bilder bekommt und möchte sich dann nicht auch noch mit Bildbearbeitung herumschlagen. Und Dreamweaver generiert ja den Code mit dem passenden width und height, so das nur noch die richtige class zugeordnet werden muss. ... Es langt ja auch so zu einem PR5.

Gérard

Hallo Heiko und Gerard

Ich vertrete zwar eher Heikos Ansicht Bildergrössen im CSS anzugeben wenn es Sinn macht!

Jetzt Beispiele zu präsentieren wo es keinen Sinn macht hilft auch nicht weiter!

Auf der von Sarah vorgestellten Webseite wird das Sinn machen sobald die Seite hinsichtlich Quellcode noch mehr minimiert wurde?! Und das kann auch ohne class Attribute realisiert werden!

Sind wir uns drei in dem Punkte wenigstens einig?!

Gruß
Jörg