Bilder neben einander im Responsiven Layout...

[jappi00]

Hallo,
ich habe vor Bilder in einem Responsiven Webdesign anzuordnen, ich habe schon versucht dies mit Float: Left; und Display; Inline Block; umzusetzen, ich stehe grade nämlich irgendwie auf dem Schlauch..
http://www.apartmentoesterling.de/Austattung.html
Vielen Dank im vorraus, bestimmt wieder nur ein dummer fehler von mir....

 

[Elroy]

ich habe vor Bilder in einem Responsiven Webdesign anzuordnen, ich habe schon versucht dies mit Float: Left; und Display; Inline Block; umzusetzen,

Du hast dem umschliessenden Div float: left; und display: inline-block; gegeben aber nicht den Bildern. Ich finde auch das es in deinem Layout keinen Sinn macht die Bilder nebeneinander anzuordnen, dafür ist einfach nicht genug Platz vorhanden.

Übrigens: Du hast alles so schon mit HTML5 ausgezeichnet nur bei den Bildern hast du versagT. Warum werden die nicht mit <figure> ausgezeichnet?

Gruss
Elroy

 

[jappi00]

Hallo,
Zu erst möchte ich dir für die schnelle Antwort danken :). Nun Habe ich noch einige Nachfragen, da ich mich mit CSS noch nicht so gut auskenne und vieles von meiner Website von Tutorials stammt...

Du hast dem umschliessenden Div float: left; und display: inline-block; gegeben aber nicht den Bildern.

Übernehmen die Bilder nicht die CSS Regeln vom Div?

Ich finde auch das es in deinem Layout keinen Sinn macht die Bilder nebeneinander anzuordnen, dafür ist einfach nicht genug Platz vorhanden.

Da hast du schon recht, ich werde aber sehr viele Bilder auf die Website schalten, wenn ich sie untereinander annordne wird die Seite zu lang.... Ich möchte auch ungerne eine vorbereitete Diashow verwenden, da ich mich dort nicht mit den Rechtlichen Dingen auskenne...
Wenn du ein Tipp für mich hättest wäre ich dir sehr Dankbar.

Du hast alles so schon mit HTML5 ausgezeichnet nur bei den Bildern hast du versagT. Warum werden die nicht mit <figure> ausgezeichnet?

Das kannte ich noch nicht und werde diese Interessante Funktion nachholen.

Noch mal vielen Dank,
Jappi

 

[Elroy]

Übernehmen die Bilder nicht die CSS Regeln vom Div?

Es gibt Eigenschaften die auf die Kindelemente vererbet werden, wie zum Beispiel color, und es gibt Eigenschaften die nicht vererbt werden . Float gehört zu den Eigenschaften die nicht vererbt werde.

Hier ist noch eine interessante Seite über die CSS Vererbungsregeln: http://www.thestyleworks.de/basics/inheritance.shtml

Gruss
Elroy