Aktives Mitglied
Hallo Leute
Wenn ich in einem Div mit fixer Breite eigentlich nur Text habe und dann dort zwischen zwei Zeilen auf einer eigenen Zeile - also ohne Textumfluss - ein Bild einfüge, dann hätte ich das dort gerne zentriert. Die Bilder haben aber verschiedene Grössen.
Im alten Macromedia-DW gab's dafür, unabhängig von der Bildgrösse, einfach eine Schaltfläche für Zentrieren. Im CC-DW gibts das im CSS-Designer nur für Text.
Ich habe verschiedene Varianten ausprobiert, um die Bilder mittig zu kriegen.
Eine Möglichkeit wäre offenbar, dass ich für jedes Bild ein Div mache, dessen Width und Hight exakt mit der Bildgrösse übereinstimmen. Dann kann dieses Div zentriert werden, in dem man margin left und right auf auto setzt.
Also jedes Bild in einem eigenen Div mit eigener Class oder ID. Das scheint mir aber doch etwas umständlich zu sein.
Versuchsweise hatte ich auch eine Class erstellt, mit dem ich die Bilder via px-Wert im Margin-Left ins Zentrum geschoben habe. Das ginge zwar zügiger, weil ich keine Extra-Div's für jedes Bild brauche und nur mit Rechtsklick schnell die Class an's Bild anhängen könnte. Aber leider funktioniert das nur bei Bildern gleicher Breite. Sobald verschieden breite Bilder drin sind, müsste ich für jede mögliche Bild-Breite eine weitere Class machen. Das kann's dann ja auch nicht sein.
Ich suche eine Möglichkeit, die einfach zu handhaben ist, gleichzeitig aber den Code nicht überlastet. Denn mit der Zeit wird sehr viel Text auf die Seite kommen und da sollen entsprechend viele Bilder zum Auflockern dazwischen. Gäbe das sehr viel mehr Code, wenn jedes Bild eine eigene ID hat? Oder kommt's da gar nicht drauf an, weil sowieso jedes Bild schon allein durch die Quellangabe (in welchem Ordner es liegt) und durch die Plazierung einen Code hat? Vielleicht kommt's dann ja auf ein oder zwei Elemente mehr pro Bild gar nicht mehr an? Ich kann das leider gar nicht abschätzen.
Wenn ich ein Bild im Textfluss plaziere, braucht das auch eine Class oder ID, um es rechts oder links floaten zu lassen und dann die Abstände zum Text anzupassen. Auch dafür fällt mir nichts ein, das ich für alle Bilder gleichzeitig verwenden könnte. Jedenfalls nicht, so lange die Bilder unterschiedliche Grössen haben.
Ich könnte versuchen, mich mit den Bildern auf 4-6 Grössen einzuschränken, so dass ich mit den entsprechenden Klassen arbeiten könnte. Und für gelegentliche Ausnahmen gibts dann eben eine ID.
Übersehe ich als DW-Wiedereinsteiger und absoluter CSS-Neuling etwas?
Wie würdet ihr das lösen?
Bitte in verständlichen Worten für Nicht-Programmierer und CSS-Analphabeten ausdrücken.
Danke
Das wird eine Textseite. Bilder häng ich nur dazwischen, um das Ganze aufzulockern. (Eine weitere Seite für meine Bilder wird dann das nächste Projekt.)
Nein, es ist noch nichts online. Ich probiere nur auf meinem System rum bis es soweit in Griff habe.
Und das mir als Ex-Typografin. Aber das war eben zu Zeiten als Windows noch so neu war, dass alle PC-Freaks den Kopf voller DOS-Befehle hatten und im Geschäft gabs einen speziellen Satzcomputer. So ein sperriges Ding mit 5,25″Disketten. Ja, ja, lang ist's her *g
_
Wenn ich in einem Div mit fixer Breite eigentlich nur Text habe und dann dort zwischen zwei Zeilen auf einer eigenen Zeile - also ohne Textumfluss - ein Bild einfüge, dann hätte ich das dort gerne zentriert. Die Bilder haben aber verschiedene Grössen.
Im alten Macromedia-DW gab's dafür, unabhängig von der Bildgrösse, einfach eine Schaltfläche für Zentrieren. Im CC-DW gibts das im CSS-Designer nur für Text.
Ich habe verschiedene Varianten ausprobiert, um die Bilder mittig zu kriegen.
Eine Möglichkeit wäre offenbar, dass ich für jedes Bild ein Div mache, dessen Width und Hight exakt mit der Bildgrösse übereinstimmen. Dann kann dieses Div zentriert werden, in dem man margin left und right auf auto setzt.
Also jedes Bild in einem eigenen Div mit eigener Class oder ID. Das scheint mir aber doch etwas umständlich zu sein.
Versuchsweise hatte ich auch eine Class erstellt, mit dem ich die Bilder via px-Wert im Margin-Left ins Zentrum geschoben habe. Das ginge zwar zügiger, weil ich keine Extra-Div's für jedes Bild brauche und nur mit Rechtsklick schnell die Class an's Bild anhängen könnte. Aber leider funktioniert das nur bei Bildern gleicher Breite. Sobald verschieden breite Bilder drin sind, müsste ich für jede mögliche Bild-Breite eine weitere Class machen. Das kann's dann ja auch nicht sein.
Ich suche eine Möglichkeit, die einfach zu handhaben ist, gleichzeitig aber den Code nicht überlastet. Denn mit der Zeit wird sehr viel Text auf die Seite kommen und da sollen entsprechend viele Bilder zum Auflockern dazwischen. Gäbe das sehr viel mehr Code, wenn jedes Bild eine eigene ID hat? Oder kommt's da gar nicht drauf an, weil sowieso jedes Bild schon allein durch die Quellangabe (in welchem Ordner es liegt) und durch die Plazierung einen Code hat? Vielleicht kommt's dann ja auf ein oder zwei Elemente mehr pro Bild gar nicht mehr an? Ich kann das leider gar nicht abschätzen.
Wenn ich ein Bild im Textfluss plaziere, braucht das auch eine Class oder ID, um es rechts oder links floaten zu lassen und dann die Abstände zum Text anzupassen. Auch dafür fällt mir nichts ein, das ich für alle Bilder gleichzeitig verwenden könnte. Jedenfalls nicht, so lange die Bilder unterschiedliche Grössen haben.
Ich könnte versuchen, mich mit den Bildern auf 4-6 Grössen einzuschränken, so dass ich mit den entsprechenden Klassen arbeiten könnte. Und für gelegentliche Ausnahmen gibts dann eben eine ID.
Übersehe ich als DW-Wiedereinsteiger und absoluter CSS-Neuling etwas?
Wie würdet ihr das lösen?
Bitte in verständlichen Worten für Nicht-Programmierer und CSS-Analphabeten ausdrücken.
Danke
Das wird eine Textseite. Bilder häng ich nur dazwischen, um das Ganze aufzulockern. (Eine weitere Seite für meine Bilder wird dann das nächste Projekt.)
Nein, es ist noch nichts online. Ich probiere nur auf meinem System rum bis es soweit in Griff habe.
Und das mir als Ex-Typografin. Aber das war eben zu Zeiten als Windows noch so neu war, dass alle PC-Freaks den Kopf voller DOS-Befehle hatten und im Geschäft gabs einen speziellen Satzcomputer. So ein sperriges Ding mit 5,25″Disketten. Ja, ja, lang ist's her *g
_