WebWork Magazin - Webseiten erstellen lassen, Online Medien, html

Webhoster, Webhosting Provider und Domain registrieren

Home | Registrieren | Einloggen | Suchen | Aktuelles | GSL-Webservice | Suleitec Webhosting
Reparatur-Forum | Elektro forum | Ersatzteilshop Haushalt und Elektronik



Im Homepage und Webhosting-Forum --- IMG im DIV zentrieren

HTML, XHTML, CSS , style, XML, Javascript und mehr, Fragen, Tipps und Anregungen zu diesen Basic Techniken - hier rein !

Forum » HTML, CSS - Hilfe für das Erstellen einer Homepage » IMG im DIV zentrieren<... - 23 April 2019 Antworten
im Forum für Webhosting Homepage gefunden:
IMG im DIV zentrieren
Tobi W.
Mausakrobat
Threadstarter




Beiträge: 182

Hallo,

ich möchte gerne ein IMG in einem DIV zentrieren (Oben/Unten und Links/Rechts) - es kann vorkommen, dass das Bild hochkannt ist, oder auch nicht!

Wie stell ich das an?

Danke
Tobi W.

---
tobi.weinhorst

  Profil   Website   Editieren   Zitieren
languitar
Foren-Team




Beiträge: 2795

wie, der div ist quadratisch und das soll immer da drin zentriert sein, oder wo ist der haken?

  Profil   Editieren   Zitieren
Tobi W.
Mausakrobat
Threadstarter




Beiträge: 182

ja, genau - das ganze natürlich über css ansprechen. Mittig im Sinne von Links/Rechts klappt mit
text-align:center;
ohne Probleme nur wie mache ich das bei der Höhe?

---
tobi.weinhorst

  Profil   Website   Editieren   Zitieren
languitar
Foren-Team




Beiträge: 2795


  Profil   Editieren   Zitieren
sondermuelli
Quasselstrippe




Beiträge: 369

machbar wäre es in verbindung mit relativer positionierung des umgebenden divs und absoluter positionierung des bildes.

also so:
1: 
2: 
3: 
4: 
5: 
6: 
7: 
8: 
9: 
10: 
11: 
12: 
13: 
14: 
15: 
16: 
17: 
18: 
19: 
20: 
21: 
22: 
23:




bla


Diese Methode mag bei ein zwei Bildern auf einer Seite noch praktikabel sein, wenn du aber mehrere verschieden grosse Bilder hast, halte ich das allerdings nicht mehr für gerechtfertigt und würde in dem fall zu ner tabelle greifen und das ganze mit vertical-align:middle machen. wenn es um ne galerie oder sowas geht, in der jeweils ein ausgewähltes bild angezeigt werden soll, könntest du die bildmaße mit ner serverseitigen sprache auslesen und dann jeweils die css-werte setzen. aber auch hier stellt sich die frage der zweckmäßigkeit.

---
wer hilft mir beim geschirr spülen?

Diese Nachricht wurde geändert von: sondermuelli
  Profil   E-Mail   Website   Editieren   Zitieren
 

Antworten
Forum » HTML, CSS - Hilfe für das Erstellen einer Homepage » IMG im DIV zentrieren<...

Aktuelle Beiträge zur Hilfe im Forum für Homepage - IMG im DIV zentrieren im Forum Homepage Hosting AntwortenLetztes Posting
zu viele css dateien?!
in "HTML, CSS - Hilfe für das Erstellen einer Homepage"
2 12.04.2019 13:43 von Kevinkk
Musik und Gaestebuch
in "HTML, CSS - Hilfe für das Erstellen einer Homepage"
14 18.01.2019 14:40 von Klaus1973
Online-Inhalte einholen, verarbeiten und Text in Word-Datei umändern.
in "HTML, CSS - Hilfe für das Erstellen einer Homepage"
6 18.01.2019 14:39 von Klaus1973
HTML CSS Lernprogramme
in "HTML, CSS - Hilfe für das Erstellen einer Homepage"
9 18.01.2019 14:38 von Klaus1973
Javascript: Im Inputfeld nur bestimmte Zeichen erlauben.
in "HTML, CSS - Hilfe für das Erstellen einer Homepage"
5 07.01.2019 18:12 von lyfwcn
HTML Template aus Photoshop heraus?
in "HTML, CSS - Hilfe für das Erstellen einer Homepage"
3 09.11.2018 14:45 von Jusback40
Bilder in Seite
in "HTML, CSS - Hilfe für das Erstellen einer Homepage"
3 09.11.2018 14:44 von Jusback40
Tabelle mit Mannschaftslogos
in "HTML, CSS - Hilfe für das Erstellen einer Homepage"
2 16.10.2018 18:54 von Maik89
Problem mit Zeichenverkettung in Javascript
in "HTML, CSS - Hilfe für das Erstellen einer Homepage"
3 16.10.2018 18:54 von Maik89
Positionieren in einer DIV-Box
in "HTML, CSS - Hilfe für das Erstellen einer Homepage"
2 17.07.2018 14:48 von herodot
WIe kann ich Datum ausblenden?
in "HTML, CSS - Hilfe für das Erstellen einer Homepage"
0 20.10.2017 10:02 von Kevinkk
CSS: ul li navigation - Problem mit dem Einrücken
in "HTML, CSS - Hilfe für das Erstellen einer Homepage"
2 05.07.2017 15:12 von elster



Besucher : 6075149    Heute : 561     Gestern : 1285     Online : 44     23.4.2019    10:14      0 Besucher in den letzten 60 Sekunden        
Nach oben