|
|||
![]()
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 |
Sponsored Links |
|
|||
![]()
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. |
Sponsored Links |
![]() |
Themen-Optionen | |
Ansicht | |
|
|
![]() |
||||
Thema | Autor | Forum | Antworten | Letzter Beitrag |
Media Queries wollen einfach nicht auf dem Smartphone funktionieren! | Der.Andi | CSS | 4 | 15.11.2015 10:31 |
2-column problem in media queries | qim | CSS | 3 | 05.05.2015 12:19 |
css nav media queries no jQuery and js | gabischatz | CSS | 2 | 14.05.2014 20:21 |
Verhalten ul bei media queries | <--steph--> | CSS | 4 | 14.02.2013 09:11 |
Media Queries vs. Extraseite | Mr.T | CSS | 5 | 07.11.2011 21:58 |