Gruppen
- Top Gruppen
- Betriebsysteme
- Windows classik
- Linux
- BS-Sonstige
- Software
- Datenbanken
- Bildbearbeitung
- Audio/mp3/Video
- Security/Viren
- SW-Sonstige
- Hardware
- Mainboard/CPU
- Grafikkarten
- Peripherie
- Laptop/Notebook
- HW-Sonstiges
- Netzwerk
- Telefon,ISDN,Modem
- W-Lan
- NW-Sonstiges
- Programmierung
- PHP,ASP,Perl...
- Java,C++...
- Webseiten/HTML
- Sonstiges
- PC-Sonstiges
- Plauderecke
- SN Intern
- Test
/ Forum / Webseiten/HTML
Webseiten/HTML
Fragevon mr.checker vom 02.02.2020, 17:47 Options
Bild vertikal in einem div zentrieren
Hallo,
ich habe ein kleines Problem ;) Ich scheine mit HTML/CSS etwas auf Kriegsfuß zu stehen ;)
Zum Problem selbst: Ich möchte ein verlinktes Bild in einem div vertikal ausrichten.
Leider scheint ja das vertikale ausrichten mit vertical-align nur mit text und zeilenhöhe zu funktionieren. Die Bilder können unterschiedlich groß sein, desshalb funktioniert ein ausrichten mit top:..px auch nicht.
Hat jemand eine Idee? Hier ein Link zum Problem: http://files.mbod.net/test/ Ich habe den Hintergrund grau hervorgehoben, dass das Problem besser zu sehen ist.
Gruß&Dank,
Thomas
ich habe ein kleines Problem ;) Ich scheine mit HTML/CSS etwas auf Kriegsfuß zu stehen ;)
Zum Problem selbst: Ich möchte ein verlinktes Bild in einem div vertikal ausrichten.
<div style="height:164px;width:164px;text-align:center;vertical-align:middle;"><a href=""><img src=""></a></divLeider scheint ja das vertikale ausrichten mit vertical-align nur mit text und zeilenhöhe zu funktionieren. Die Bilder können unterschiedlich groß sein, desshalb funktioniert ein ausrichten mit top:..px auch nicht.
Hat jemand eine Idee? Hier ein Link zum Problem: http://files.mbod.net/test/ Ich habe den Hintergrund grau hervorgehoben, dass das Problem besser zu sehen ist.
Gruß&Dank,
Thomas
Antwort 1 von mr.checker vom 02.02.2020, 19:35 Options
So, ich habe das Problem jetzt einfach mit PHP gelöst..
Auf gut Deutsch: Höhe des divs - höhe des Bildes und das ganze durch 2 geteilt.. Soweit muss es also vom oberen Rand des divs entfernt sein.
Trotzdem danke
list($width_img,$height_img,$type_img,$attr_img)=getimagesize($thumbname);$top_space=((($config['maxsize'])+(2*($config['border'])))-$height_img)/2;Auf gut Deutsch: Höhe des divs - höhe des Bildes und das ganze durch 2 geteilt.. Soweit muss es also vom oberen Rand des divs entfernt sein.
Trotzdem danke
Ähnliche Themen
Horizontales und vertikales Zentrieren eines div-Containers mit CSS
derpfleger 05.08.2006 - 7580 Hits - 1 Antwort
mit css inhalt zentrieren sowohl horizontal als auch vertikal?
ische 20.03.2007 - 191 Hits - 8 Antworten
blödes div problem^^
some1unknown 02.05.2007 - 103 Hits - 2 Antworten
Grafik zentriert zeigen und immer zu 100% Höhe
Versucher 07.05.2007 - 124 Hits - 2 Antworten
Zentrieren der Website inklusive Ebenen
BenterA 20.04.2008 - 89 Hits - 15 Antworten
Hinweis
Diese Frage ist schon etwas älter, Sie können daher nicht mehr auf sie antworten. Sollte Ihre Frage noch nicht gelöst sein, stellen Sie einfach eine neue Frage im Forum..
Neue Einträge
