Autor |
Nachricht |
Krisslinger
Threadersteller
Dabei seit: 21.04.2006
Ort: -
Alter: -
Geschlecht:
|
Verfasst Do 28.08.2008 18:17
Titel Bilder OHNE feste Größe in Block-Element vertikal zentrieren |
|
|
Hey, wie der Titel schon sagt, hab ich ein Problem damit, eine größere Anzahl von Logos in einem Blockelement vertikal zu zentrieren. Die Logos haben aber alle ein unterschiedliche Höhe!
Hier mal der Code:
CSS:
Code: |
#marken a {
display: block;
float: left;
height: 74px;
text-align: center;
width: 136px;
}
#marken img {
border: none;
}
|
HTML:
Code: |
<div id="marken">
<a href="http://www.adresse.com"><img src="../images/logos/logo.gif" alt="Name Firma" /></a>
<a href="http://www.adresse.de"><img src="../images/logos/logo.gif" alt="Name Firma" /></a>
<a href="http://www.adresse.eu"><img src="../images/logos/logo.gif" alt="Name Firma" /></a>
<a href="http://www.adresse.ch"><img src="../images/logos/logo.gif" alt="Name Firma" /></a>
<a href="http://www.adresse.info"><img src="../images/logos/logo.gif" alt="Name Firma" /></a>
<a href="http://www.adresse.com.au"><img src="../images/logos/logo.gif" alt="Name Firma" /></a>
<a href="http://www.adresse.net"><img src="../images/logos/logo.gif" alt="Name Firma" /></a>
<a href="http://www.adresse.us"><img src="../images/logos/logo.gif" alt="Name Firma" /></a>
</div>
|
Die Links wurden als Block-Elemente mit fester Höhe und Breite definiert, darin liegen die entsprechenden Logos, und die sollten jetzt nicht oben an dem Block Element kleben, sondern schön mittig zentriert. Das Problem ist, dass die Logos alle ne unterschiedliche Höhe haben. Sonst wärs kein Problem.
Soll ich den ganzen Rotz in ne Tabelle klatschen oder schaun dass die Logos alle gleich hoch werden, indem ich sie in Photoshop um die entsprechende Höhe erweitere. Wobei das bei der Menge an Logos an die Ladezeit gehen wird.
Danke schonmal
|
|
|
|
|
top
Moderator
Dabei seit: 25.11.2003
Ort: Hedwig Holzbein
Alter: 52
Geschlecht:
|
|
|
|
|
Anzeige
|
|
|
Krisslinger
Threadersteller
Dabei seit: 21.04.2006
Ort: -
Alter: -
Geschlecht:
|
Verfasst Fr 29.08.2008 10:01
Titel
|
|
|
Hab das eben mal durchprobiert, funktioniert aber leider nicht. Die Bilder werden trotzdem top ausgerichtet. Dann werd ich wohl auf ne Tabelle zurückgreifen.
Falls doch noch jemand ne Lösung weiß, einfach posten. Freu mich über jeden Ansatz.
|
|
|
|
|
top
Moderator
Dabei seit: 25.11.2003
Ort: Hedwig Holzbein
Alter: 52
Geschlecht:
|
Verfasst Fr 29.08.2008 14:16
Titel
|
|
|
Ich habe noch mal ein wenig probiert:
http://www.topixel.de/test/mittig.html
Reicht das so?
(Notfalls vielleicht ein Blindgif an den Anfang setzten um dem Kasten die gewünschte Größe zu verpassen. )
|
|
|
|
|
zweitaccount
Dabei seit: 25.01.2008
Ort: -
Alter: -
Geschlecht: -
|
|
|
|
|
Krisslinger
Threadersteller
Dabei seit: 21.04.2006
Ort: -
Alter: -
Geschlecht:
|
Verfasst Sa 30.08.2008 01:13
Titel
|
|
|
Gute Frage, ich hatte dem A Element auch ein line-height und ein vertical-align mitgegeben. Und das hat nicht funktioniert, muss nochmal drüber schaun.
Momentan liegts in ner Tabelle, ist zwar a bissle mehr Code und nicht ganz so einfach zu pflegen, aber das kommt eh nicht so oft vor.
- Chris
PS: Kann das sein, dass man zu dem Bild die Höhe und Breite angeben muss, damit das funktioniert? Das ist bei 5 oder 6 Bildern noch tragbar, aber lass es mal 50 sein.
|
|
|
|
|
|
|
|
Ähnliche Themen |
ie6 Div ändert feste Breite wg. Child Element
[CSS] Zentrieren vertikal und horizontal
vertikal zentrieren in dreamweaver cs3
Text in DIV vertikal zentrieren
Webseite vertikal zentrieren
Div Element Zentrieren
|
|