zurück zur Startseite
  


Zurück XHTMLforum > (X)HTML und CSS > Barrierefreiheit
Seite neu laden Portfolio mit Media Queries vernünftig darstellen

Antwort
 
LinkBack Themen-Optionen Ansicht
  #1 (permalink)  
Alt 26.05.2016, 15:27
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 18.06.2009
Beiträge: 6
snaky80 befindet sich auf einem aufstrebenden Ast
Standard 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
Mit Zitat antworten
Sponsored Links
  #2 (permalink)  
Alt 26.05.2016, 17:01
Erfahrener Benutzer
XHTMLforum-Mitglied
 
Registriert seit: 02.01.2012
Beiträge: 487
dazzle89 wird schon bald berühmt werden
Standard

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.
Mit Zitat antworten
Sponsored Links
  #3 (permalink)  
Alt 26.05.2016, 17:40
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 18.06.2009
Beiträge: 6
snaky80 befindet sich auf einem aufstrebenden Ast
Standard

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

Grüße
Mit Zitat antworten
Antwort

Themen-Optionen
Ansicht

Forumregeln
Es ist Ihnen nicht erlaubt, neue Themen zu verfassen.
Es ist Ihnen nicht erlaubt, auf Beiträge zu antworten.
Es ist Ihnen nicht erlaubt, Anhänge hochzuladen.
Es ist Ihnen nicht erlaubt, Ihre Beiträge zu bearbeiten.

BB-Code ist an.
Smileys sind an.
[IMG] Code ist an.
HTML-Code ist aus.
Trackbacks are an
Pingbacks are an
Refbacks are aus


Ähnliche Themen
Thema Autor Forum Antworten Letzter Beitrag
Media Queries wollen einfach nicht auf dem Smartphone funktionieren! Der.Andi CSS 4 15.11.2015 11:31
2-column problem in media queries qim CSS 3 05.05.2015 13:19
css nav media queries no jQuery and js gabischatz CSS 2 14.05.2014 21:21
Verhalten ul bei media queries <--steph--> CSS 4 14.02.2013 10:11
Media Queries vs. Extraseite Mr.T CSS 5 07.11.2011 22:58


Alle Zeitangaben in WEZ +2. Es ist jetzt 10:26 Uhr.