| Autor |
Nachricht |
Wittlinger
Threadersteller
Dabei seit: 21.04.2006
Ort: Bernstadt
Alter: 22
Geschlecht: 
|
Verfasst Do 28.08.2008 17: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
Dabei seit: 25.11.2003
Ort: nördlich der Elbe
Alter: 36
Geschlecht:
|
|
| |
|
|
Wittlinger
Threadersteller
Dabei seit: 21.04.2006
Ort: Bernstadt
Alter: 22
Geschlecht:
|
Verfasst Fr 29.08.2008 09: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
Dabei seit: 25.11.2003
Ort: nördlich der Elbe
Alter: 36
Geschlecht:
|
Verfasst Fr 29.08.2008 13: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: -
|
|
| |
|
|
Wittlinger
Threadersteller
Dabei seit: 21.04.2006
Ort: Bernstadt
Alter: 22
Geschlecht:
|
Verfasst Sa 30.08.2008 00: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 |
Text in DIV vertikal zentrieren
vertikal zentrieren in dreamweaver cs3
[CSS] Zentrieren vertikal und horizontal
[CSS] Bild + Text vertikal zentrieren?
Nach URL feste Größe!
[css] div(float: right) vertikal im elternelement zentrieren
|
|
Willkommen auf dem Portal für Mediengestalter
