zurück zur Startseite
  


Zurück XHTMLforum > (X)HTML und CSS > CSS
Seite neu laden Bild absolut und relativ richtig positionieren

Antwort
 
LinkBack Themen-Optionen Ansicht
  #1 (permalink)  
Alt 14.04.2014, 12:30
Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 06.03.2014
Beiträge: 33
mcdutch befindet sich auf einem aufstrebenden Ast
Standard Bild absolut und relativ richtig positionieren

Angenommen ich habe einige Überschriften und darunter habe ich jeweils ein Bild und einen Info-Button. Wenn man über den Info-Button fährt kommt ein Popup mit einem kleinen Fenster, dass ich jetzt richtig positionieren möchte.

Nun sind die Bilder allerdings nicht gleich groß und ich würde gerne die Popups in einer Linie positionieren.

Wie kann ich das machen?

Wenn ich es absolut positioniere, dann ist die Bildhöhe immer gleich.

Mach ich es allerdings realtiv, dann wird mir das Popup immer anhand des nicht in einer Linie stehenden Info-Buttons ausgerichtet.


Jemand eine Idee?

img.info = ist das Infobild
.popupTrigger = auslöser, der mein Popup erstellt
.popup = Mein popup, welches sich richtig ausrichten soll


Code:
.popupTrigger + div.popup{
   width: 153px;
   font-size: 12px;
   line-height: 120%;
   margin-left:85px;
   vertical-align:middle;

}

#payment .popupTrigger + div.popup{
	width: 153px;
	font-size: 12px;
	line-height: 120%;
	
}
#payment .popupTrigger:hover + .popup {
	display: inline-block;

}
#payment img.popupTrigger:hover + .popup {
	opacity: 0;
}


.popupTrigger + span.popup{
	width: 153px;
	margin-left: 20px;
	font-size: 12px;
	line-height: 120%;
}




#payment div.hiO3Payment > div.popupTrigger{
	display: inline-block;
}

.info:hover + .popup { 
	display: inline-block; 
	}
	
 img.info{
   width: auto;
   height: 12px;
 }
 img.info:hover + div.popup{
   display: inline-block;
 }
Mit Zitat antworten
Sponsored Links
  #2 (permalink)  
Alt 14.04.2014, 12:51
?!?
XHTMLforum-Kenner
 
Registriert seit: 20.03.2013
Beiträge: 1.638
explanator sorgt für eine eindrucksvolle Atmosphäreexplanator sorgt für eine eindrucksvolle Atmosphäre
Standard

Bitte zeige uns einen Link zu deiner Testseite mit dem Problem.
__________________
"Wieso ist der Code schrott, ich dachte hier seien Profis..."
Aus einem Forum.
Mit Zitat antworten
Sponsored Links
  #3 (permalink)  
Alt 14.04.2014, 13:14
Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 06.03.2014
Beiträge: 33
mcdutch befindet sich auf einem aufstrebenden Ast
Standard

Zitat:
Zitat von explanator Beitrag anzeigen
Bitte zeige uns einen Link zu deiner Testseite mit dem Problem.
Dieses Bild auch ok?
Angehängte Grafiken
Dateityp: png bezahlschritt.png (35,2 KB, 10x aufgerufen)
Mit Zitat antworten
  #4 (permalink)  
Alt 14.04.2014, 14:14
Erfahrener Benutzer
XHTMLforum-Kenner
 
Registriert seit: 30.01.2014
Beiträge: 2.136
cloned ist ein wunderbarer Anblickcloned ist ein wunderbarer Anblickcloned ist ein wunderbarer Anblickcloned ist ein wunderbarer Anblickcloned ist ein wunderbarer Anblickcloned ist ein wunderbarer Anblickcloned ist ein wunderbarer Anblick
Standard

Nimm doch ein fertiges Plugin?
Mit Zitat antworten
  #5 (permalink)  
Alt 14.04.2014, 15:48
?!?
XHTMLforum-Kenner
 
Registriert seit: 20.03.2013
Beiträge: 1.638
explanator sorgt für eine eindrucksvolle Atmosphäreexplanator sorgt für eine eindrucksvolle Atmosphäre
Standard

Was ist daran nicht zu verstehen
Zitat:
Bitte zeige uns einen Link zu deiner Testseite mit dem Problem.
Wir brauchen den HTML-Code auch dazu, ein Bild ist nicht hilfreich.
__________________
"Wieso ist der Code schrott, ich dachte hier seien Profis..."
Aus einem Forum.
Mit Zitat antworten
Antwort

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
Bild über dem Seitenrand positionieren GN CSS 16 03.08.2009 12:31
Bild in Div positionieren mit Position saschaopp CSS 2 28.01.2009 10:40
Bild positionieren kampfgnom CSS 2 01.06.2007 08:55
Bild im Main frei zu positionieren |SONY| CSS 8 25.12.2006 20:48
Layer richtig platzieren (absolut?) timo123 CSS 2 29.09.2005 08:10


Alle Zeitangaben in WEZ +2. Es ist jetzt 09:08 Uhr.