Bild absolut und relativ richtig positionieren

mcdutch · #1 (**permalink**) 14.04.2014, 12:30

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;
 }

explanator · #2 (**permalink**) 14.04.2014, 12:51

Bitte zeige uns einen Link zu deiner Testseite mit dem Problem.

mcdutch · #3 (**permalink**) 14.04.2014, 13:14

Zitat:

Zitat von explanator

Bitte zeige uns einen Link zu deiner Testseite mit dem Problem.

Dieses Bild auch ok?

cloned · #4 (**permalink**) 14.04.2014, 14:14

Nimm doch ein fertiges Plugin?

explanator · #5 (**permalink**) 14.04.2014, 15:48

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.

Themen-Optionen
Druckbare Version zeigen Jemanden per E-Mail auf dieses Thema hinweisen
Ansicht
Linear-Darstellung Zur Hybrid-Darstellung wechseln Zur Baum-Darstellung wechseln

Ä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