zurück zur Startseite
  


Zurück XHTMLforum > (X)HTML und CSS > CSS
Seite neu laden Bild in DIV-Container positionieren

Antwort
 
LinkBack Themen-Optionen Ansicht
  #1 (permalink)  
Alt 21.04.2016, 10:49
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 29.07.2015
Beiträge: 12
BadCat befindet sich auf einem aufstrebenden Ast
Standard Bild in DIV-Container positionieren

Hallo,

ich möchte ein Bild in einem DIV-Container positionieren. Lange Rede kurzer Sinn. So (ähnlich) soll es aussehen, nur dass das Bild vertikal immer mittig angeordnet sein soll, und nicht vom Text umflossen wird, falls dieser länger wird.

http://www.bilder-upload.eu/show.php...1461226147.jpg

Geändert von BadCat (21.04.2016 um 10:51 Uhr) Grund: War nach ein paar Minuten wieder ausgeloggt. Eventuell Fehler in eurem System?
Mit Zitat antworten
Sponsored Links
  #2 (permalink)  
Alt 21.04.2016, 11:47
Erfahrener Benutzer
XHTMLforum-Kenner
 
Registriert seit: 10.01.2010
Beiträge: 1.101
MrMurphy ist ein sehr geschätzer MenschMrMurphy ist ein sehr geschätzer MenschMrMurphy ist ein sehr geschätzer Mensch
Standard

Hallo

Ich verstehe leider nicht was du erreichen möchtest.

Gruss

MrMurphy
Mit Zitat antworten
Sponsored Links
  #3 (permalink)  
Alt 22.04.2016, 10:23
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 29.07.2015
Beiträge: 12
BadCat befindet sich auf einem aufstrebenden Ast
Standard

Ich möchte erreichen, dass das Bild mit dem "i" immer auf der linken Seite und vertikal immer mittig angeordnet ist. Wenn der Text über mehrere Zeilen geht, soll das Bild trotzdem mittig sein. Das Bild soll nicht vom Text umflossen werden.
Mit Zitat antworten
  #4 (permalink)  
Alt 22.04.2016, 10:39
Erfahrener Benutzer
XHTMLforum-Kenner
 
Registriert seit: 10.01.2010
Beiträge: 1.101
MrMurphy ist ein sehr geschätzer MenschMrMurphy ist ein sehr geschätzer MenschMrMurphy ist ein sehr geschätzer Mensch
Standard

Hallo

Das geschieht mittels CSS und dabei Flexbox. Dazu muss natürlich der HTML-Quelltext entsprechend aufgebaut sein.

Gruss

MrMurphy
Mit Zitat antworten
  #5 (permalink)  
Alt 23.04.2016, 10:54
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 29.07.2015
Beiträge: 12
BadCat befindet sich auf einem aufstrebenden Ast
Standard

Ich habe das icon jetzt einfach als Background-Image einbunden. Es funktioniert jetzt genau so wie es soll.

Code:
.testbox {width:80%;padding:2% 2% 2% 70px; background: url(images/icon.png) 0 0 no-repeat;background-position:2% 50%;}
Spricht etwas gegen diese Vorgehensweise? Z.b. veraltetes CSS?
Mit Zitat antworten
  #6 (permalink)  
Alt 23.04.2016, 12:38
Erfahrener Benutzer
XHTMLforum-Kenner
 
Registriert seit: 10.01.2010
Beiträge: 1.101
MrMurphy ist ein sehr geschätzer MenschMrMurphy ist ein sehr geschätzer MenschMrMurphy ist ein sehr geschätzer Mensch
Standard

Hallo

Zitat:
Spricht etwas gegen diese Vorgehensweise?
Nein, diese Vorgehensweise ist aktuell und wird häufig verwendet.

Gruss

MrMurphy
Mit Zitat antworten
  #7 (permalink)  
Alt 23.04.2016, 14:27
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 29.07.2015
Beiträge: 12
BadCat befindet sich auf einem aufstrebenden Ast
Standard

O.k. super danke dir!
Mit Zitat antworten
Antwort

Stichwörter
bild, css, positionieren, vertikal zentrieren

Themen-Optionen
Ansicht

Forumregeln
Es ist Ihnen nicht erlaubt, neue Themen zu verfassen.
Es ist Ihnen nicht erlaubt, auf Beiträge zu antworten.
Es ist Ihnen nicht erlaubt, Anhänge hochzuladen.
Es ist Ihnen nicht erlaubt, Ihre Beiträge zu bearbeiten.

BB-Code ist an.
Smileys sind an.
[IMG] Code ist an.
HTML-Code ist aus.
Trackbacks are an
Pingbacks are an
Refbacks are aus


Ähnliche Themen
Thema Autor Forum Antworten Letzter Beitrag
Unterschiedlich großes Bild in festes div mittig positionieren. Cyborg CSS 4 13.09.2011 18:10
Vertikale Ausrichtung eines Div mit Bild carla99 CSS 8 20.07.2008 23:22
Bild oder div nach oben vergrößern IceReaper CSS 9 03.08.2007 14:18
CSS Div Container positionieren rusht CSS 4 16.02.2006 09:00
Bild in DIV Container ganz unten Positionieren jobo CSS 8 10.11.2005 11:29


Alle Zeitangaben in WEZ +2. Es ist jetzt 05:50 Uhr.