|
|||
bilder vertikal in div zentrieren
hallo!
ich habe diese seite mit folgendem code erstellt: css: Code:
.photo_container { float:left; margin:0 5px 10px 5px; padding:0; height:225px; width:auto;} .photo_div { width:170px; height:170px; background-image: url(http://www.photocase.com/de/images/mediumthumbbg.gif); display: table-cell; text-align: center; vertical-align:middle;} Code:
<div class="photo_container"> <div class="photo_div"><a href="/photos/show/3"><img alt="Thumb_flammen" src="/images/photos/thumb_flammen.jpg?1173649648" /></a></div> <div class="photo_data"><p>Flammen</p> <p><a href="/photos/destroy/3" onclick="if (confirm('Dieses Photo wirklich löschen?')) { var f = document.createElement('form'); f.style.display = 'none'; this.parentNode.appendChild(f); f.method = 'POST'; f.action = this.href;f.submit(); };return false;">Löschen</a> | <a href="/photos/edit/3" onclick="var f = document.createElement('form'); f.style.display = 'none'; this.parentNode.appendChild(f); f.method = 'POST'; f.action = this.href;f.submit();return false;">Bearbeiten</a></div> </div> hat jemand eine bessere lösung als meine hier? mfg flo |
Sponsored Links |
|
|||
bitte im FAQ Thread nachlesen!
vertical-align greift nur auf Tabellenzellen und inline-Elemente (DIVs sind Blockelemente), siehe die Eigenschaften auf CSS 4 You - The Finest in Stylesheets. |
Sponsored Links |
|
|||
Das ist die berühmte seltsame Lücke.
|
Themen-Optionen | |
Ansicht | |
|
|
Ähnliche Themen | ||||
Thema | Autor | Forum | Antworten | Letzter Beitrag |
Brauche Hilfe: Schwarzes Nichts | Zwox | CSS | 10 | 19.11.2010 17:53 |
Vertikal zentrieren in einem kleineren DIV | Tacitus | CSS | 1 | 04.09.2010 01:29 |
Bild unbekannter Größe vertikal zentrieren | xm22 | CSS | 8 | 16.10.2007 17:52 |
Gesamten Div Tag zentrieren, aber nicht den Inhalt ? | schani | CSS | 1 | 02.11.2006 14:20 |
div dynamisch zentrieren | amateur23 | CSS | 11 | 13.10.2006 13:02 |