Bedingt durch die responsive Darstellung der Webseite wollte ich die Bildunterschrfiten nicht mehr wie bisher in Tabellenform darstellen. Diese Bildunterschriften sollten sich ebenfalls der Ansichtsgröße anpassen. Dazu habe ich nach mehrfachen Testen folgende Lösung gefunden:
Das Gesamtgebilde "figure" nimmt eine Breite von 20 % der Seite ein. Innerhalb dieses Gebilde nimmt das Bild eine Breite von 100% ein. Die Anweisung "fluid" ist für die responsive Darstellung wichtig. Den Text habe ich zentriert mit einer kleinen Textgröße formatiert. Ferner erscheint dieses Bild linksbündig und das Bild hat nach rechts einen Abstand von 10px.
Sofern jemand eine andere Lösung kennt, lasst es mich bitte wissen.Es ist schon ein ziemlicher Aufwand, wenn man einen alten Webauftritt kompett neu aufbaut.
Gruß, Michael
Der Ansatz ist durchaus gut. Nur würde ich das Styling dann nicht inline in das HTML Element schreiben sondern in die user.css Datei. Und dem figure gibst dann nur eine class an welche dann die CSS Regeln anzieht.
So musst du die Regeln nur einmal schreiben und kannst sie auch zentral anpassen wenn nötig.
