zurück zur Startseite
  


Zurück XHTMLforum > (X)HTML und CSS > CSS
Seite neu laden Bild vertikal zentriert in einem <div> ausrichten

Antwort
 
LinkBack Themen-Optionen Ansicht
  #1 (permalink)  
Alt 05.09.2006, 21:07
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 05.09.2006
Beiträge: 3
wolfgke befindet sich auf einem aufstrebenden Ast
Standard Bild vertikal zentriert in einem <div> ausrichten

Hallo,
ich habe unter http://rent-a-help.net/reginalondon eine durch ein von mir programmiertes Skript generierte Bildergalerie (die Links funktionieren nicht, da ich die verlinkten Bilder lieber an der Uni hochladen will, dort geht es schneller). Außerdem sorry für die Masse an Bildern (ca. 700k), die geladen werden

Die horizontal zentrierte Ausrichtung der Bilder in den divs funktioniert dank text-align: center; im Style-Code des divs einwandfrei, die vertikal zentrierte (wozu ich vertical-align: middle; als Code schrieb) jedoch nicht. Was muss ich tun, damit die Bilder, die weniger als 64px hoch sind vertikal zentriert ausgerichtet werden? Ich weiß echt nicht weiter. Das display: table-cell;, welches ich irgendwo im Netz gefunden habe (und bei dieser Seite eingebaut habe) funktioniert nicht.

Grüße
wolfgke

Geändert von wolfgke (05.09.2006 um 21:17 Uhr)
Mit Zitat antworten
Sponsored Links
  #2 (permalink)  
Alt 07.09.2006, 15:51
Benutzer
neuer user
 
Registriert seit: 31.05.2005
Ort: Hamburg
Beiträge: 49
Bata befindet sich auf einem aufstrebenden Ast
Standard

Für sowas gibts leider keine ordentliche Anweisung in CSS

Du hast Dir auch für die Grundstruktur viel zuviel Arbeit gemacht mit den einzelnen Divs, wo die Bilder drinne liegen... normal reicht da:

Code:
<div style="float:left">
<img />
</div>... (10x)

<br style="clear:both;" />

<div style="float:left">
<img />
</div>...
usw...
Damit brauchst Du nicht jedes Div mit eigene Top und Left Werten zu belegen.

Nun zum eigentlich Problem. Bei Dir sind alle Bilder gleich groß, damit kann man es statisch lösen, dh Du verpasst jedem horizontalem Bild ein "margin-top:8px;" dann ist das in diesem Fall zentriert. Sorry, eine bessere Lösung ist mir nicht bekannt.
Mit Zitat antworten
Sponsored Links
  #3 (permalink)  
Alt 07.09.2006, 16:06
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 05.09.2006
Beiträge: 3
wolfgke befindet sich auf einem aufstrebenden Ast
Standard

Leider sind nicht alle Bilder gleich groß: sowohl 64x48 als auch 48x64 Pixel treten auf.

Trotzdem danke für den Tipp, wie man dies besser programmieren kann.
Mit Zitat antworten
  #4 (permalink)  
Alt 07.09.2006, 16:12
Benutzer
neuer user
 
Registriert seit: 31.05.2005
Ort: Hamburg
Beiträge: 49
Bata befindet sich auf einem aufstrebenden Ast
Standard

Ah sorry, das hab ich nicht gesehen. Dann wirds mit HTML verdammt schwer ohne den Einsatz von PHP oder JavaScript!
Mit Zitat antworten
Antwort


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
Bild vertikal in einem Div ausrichten Cervantes CSS 12 30.06.2008 12:20
Tabellenloses Layout - Horizontal 100% vertikal zentriert. Probleme :( strohy CSS 8 23.02.2007 08:59
Text mittig neben Bild ausrichten prm CSS 5 10.02.2007 10:19
Vertikal zentriert ausrichten ... neurologic scientist CSS 4 03.08.2006 15:57
text zentriert über bild problem clory CSS 7 07.03.2005 10:37


Alle Zeitangaben in WEZ +2. Es ist jetzt 17:21 Uhr.