Teil von SELFHTML Forum Teil von SELFHTML Forumsarchiv Teil von 2007 Teil von Oktober

SELFHTML Forumsarchiv
Vertikal zentrieren, zum x-ten Mal

Informationsseite
  1. Seite (CSS) Vertikal zentrieren, zum x-ten Mal von ottogal, 31. 10. 2007, 07:42
nach unten

Vertikal zentrieren, zum x-ten Mal

Die folgende Nachricht zum Thema stammt von: ottogal, 31. 10. 2007, 07:42

Hallo in die Runde,

die Thumbnails meiner Galerie sind divs, die einen Bild-Link auf eine Seite mit dem großen Bild enthalten:

<div class="thumb">
  <a href="~~~~~~~~.htm">
    <img src="~~~~~~~~.jpg" alt="" width="100" height="75"></img></a>
</div>

Das div hat feste width und height, die des Thumb-jpgs sind natürlich kleiner, aber von Bild zu Bild unterschiedlich.

Wie schaffe ich es, das a-Element im div vertikal zu zentrieren? Eine einzellige Tabelle wollte ich vermeiden.

Danke für Tipps
ottogal

nach obennach unten

Zum x-ten Mal, Vertikal zentrieren.

Die folgende Nachricht zum Thema stammt von: Engin, 31. 10. 2007, 08:22

Hi ottogal,

»» Wie schaffe ich es, das a-Element im div vertikal zu zentrieren? Eine einzellige Tabelle wollte ich vermeiden.
»»
»» Danke für Tipps

http://forum.de.selfhtml.org/hilfe/faq.htm#css-zentrieren


Grüße aus Fuzhou,
Engin
GYRO
--
Hang the DJ | Team Vestax - Limited Edition

Final-Rotation: Alt Gr+

Der Valligator

nach obennach unten

Zum x-ten Mal, Vertikal zentrieren.

Die folgende Nachricht zum Thema stammt von: ottogal, 31. 10. 2007, 11:10

Hi Engin,

dass ich hier
»» http://forum.de.selfhtml.org/hilfe/faq.htm#css-zentrieren
schon gesucht hatte, meinte ich durch die Formulierung des Themas angedeutet zu haben.
In dem Artikel gehts nur um horizontales Zentrieren, und in dem dort angegebenen weiterführenden Link W3C: Breiten- und Abstandsbestimmung fand ich nichts, was mich weitergebracht hätte (habe z.B. mit line-height herumprobiert).
Hat vielleicht doch noch jemand einen konkreteren Tipp?

Gruß
ottogal

nach obennach unten

Zum x-ten Mal, Vertikal zentrieren.

Die folgende Nachricht zum Thema stammt von: Jonathan, 31. 10. 2007, 11:21

Hallo ottogal,

»» Hat vielleicht doch noch jemand einen konkreteren Tipp?

Setze die line-height des umgebenen Containers auf seine höhe und weise den enthaltenen imgs vertical-align:middle zu.


Jonathan
--
Selfcode: ie:( fl:{ br:> va:) ls:& fo:) rl:? ss:} de:> js:| ch:? mo:} zu:)

nach obennach unten

Zum x-ten Mal, Vertikal zentrieren - gelöst

Die folgende Nachricht zum Thema stammt von: ottogal, 31. 10. 2007, 11:36

»» Setze die line-height des umgebenen Containers auf seine höhe und weise den enthaltenen imgs vertical-align:middle zu.

So geht es!
Danke Jonathan

nach oben
Teil von SELFHTML Forum Teil von SELFHTML Forumsarchiv Teil von 2007 Teil von Oktober

© 1998-2006 Seite Impressum, Software: Classic Forum