mediengestalter.info
FAQ :: Mitgliederliste :: MGi Team

Willkommen auf dem Portal für Mediengestalter

Aktuelles Datum und Uhrzeit: Do 25.04.2024 20:01 Benutzername: Passwort: Auto-Login

Thema: Bilder OHNE feste Größe in Block-Element vertikal zentrieren vom 28.08.2008


Neues Thema eröffnen   Neue Antwort erstellen MGi Foren-Übersicht -> Allgemeines - Nonprint -> Bilder OHNE feste Größe in Block-Element vertikal zentrieren
Autor Nachricht
Krisslinger
Threadersteller

Dabei seit: 21.04.2006
Ort: -
Alter: -
Geschlecht: Männlich
Verfasst Do 28.08.2008 18:17
Titel

Bilder OHNE feste Größe in Block-Element vertikal zentrieren

Antworten mit Zitat Zum Seitenanfang

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
  View user's profile Private Nachricht senden
top
Moderator

Dabei seit: 25.11.2003
Ort: Hedwig Holzbein
Alter: 52
Geschlecht: Männlich
Verfasst Do 28.08.2008 18:26
Titel

Antworten mit Zitat Zum Seitenanfang

Vielleicht funktioniert das hier ja:

http://www.webdesign-in.de/mts/vertikal-und-horizontal-zentrieren-ohne-tabelle/
  View user's profile Private Nachricht senden
Anzeige
Anzeige
Krisslinger
Threadersteller

Dabei seit: 21.04.2006
Ort: -
Alter: -
Geschlecht: Männlich
Verfasst Fr 29.08.2008 10:01
Titel

Antworten mit Zitat Zum Seitenanfang

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.
  View user's profile Private Nachricht senden
top
Moderator

Dabei seit: 25.11.2003
Ort: Hedwig Holzbein
Alter: 52
Geschlecht: Männlich
Verfasst Fr 29.08.2008 14:16
Titel

Antworten mit Zitat Zum Seitenanfang

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. * Ich bin ja schon still... * )
  View user's profile Private Nachricht senden
zweitaccount

Dabei seit: 25.01.2008
Ort: -
Alter: -
Geschlecht: -
Verfasst Fr 29.08.2008 14:31
Titel

Antworten mit Zitat Zum Seitenanfang

Öhm, warum nicht einfach so:
http://zweitaccount.zw.ohost.de/blockvertikal/index.html

Oder verstehe ich was falsch?

Gruß

zweitaccount
  View user's profile Private Nachricht senden
Krisslinger
Threadersteller

Dabei seit: 21.04.2006
Ort: -
Alter: -
Geschlecht: Männlich
Verfasst Sa 30.08.2008 01:13
Titel

Antworten mit Zitat Zum Seitenanfang

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.
  View user's profile Private Nachricht senden
 
Ä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
Neues Thema eröffnen   Neue Antwort erstellen
MGi Foren-Übersicht -> Allgemeines - Nonprint


Du kannst keine Beiträge in dieses Forum schreiben.
Du kannst auf Beiträge in diesem Forum nicht antworten.
Du kannst an Umfragen in diesem Forum nicht mitmachen.