XHTMLforum

XHTMLforum (http://xhtmlforum.de/index.php)
-   Barrierefreiheit (http://xhtmlforum.de/forumdisplay.php?f=78)
-   -   Portfolio mit Media Queries vernünftig darstellen (http://xhtmlforum.de/showthread.php?t=72868)

snaky80 26.05.2016 15:27

Portfolio mit Media Queries vernünftig darstellen
 
Hallo zusammen,

versuche bei folgender Seite die Leistungen grafisch vernünftig darzustellen, dies gelingt mir leider nicht so ganz:

Testseite

Ähnlich, wie hier:

Responsive Image Grids Using CSS

Wer kann mir dort weiterhelfen?

Grüße

dazzle89 26.05.2016 17:01

Du solltest dein Problem und dein genaues Ziel etwas genauer schildern.

Was mir auffällt: Bei kleiner Browserbreite entsteht unter dem Bild ein weißer Abstand. Das passiert, weil die <li> eine feste Höhe haben und die Bilder beim Verkleinern des Browsers auch kleiner werden. Du müsstest die feste Höhe rausnehmen und beim Bild position: absolute entfernen.

Damit die Leistungen vernünftig "umbrechen", musst du Media Queries verwenden und z.B. die Breite der <li> auf 50% setzen (bzw. die horizontalen Abstände berücksichtigen), damit nur noch 2 Stück nebeneinander sitzen, oder auf 100% damit du nur noch eine Leistung pro Reihe hast.

snaky80 26.05.2016 17:40

... genauso wollte ich das haben, vielen Dank für deine Hilfe !

Grüße


Alle Zeitangaben in WEZ +2. Es ist jetzt 16:14 Uhr.

Powered by vBulletin® Version 3.8.11 (Deutsch)
Copyright ©2000 - 2020, vBulletin Solutions, Inc.

© Dirk H. 2003 - 2020