Archief - HTML/CSS: Opera prob

Het archief is een bevroren moment uit een vorige versie van dit forum, met andere regels en andere bazen. Deze posts weerspiegelen op geen enkele manier onze huidige ideeën, waarden of wereldbeelden en zijn op sommige plaatsen gecensureerd wegens ontoelaatbaar. Veel zijn in een andere tijdsgeest gemaakt, al dan niet ironisch - zoals in het ironische subforum Off-Topic - en zouden op dit moment niet meer gepost (mogen) worden. Toch bieden we dit archief nog graag aan als informatiedatabank en naslagwerk. Lees er hier meer over of start een gesprek met anderen.
T

Talos

Legacy Member
Even de situatie schetsen: Ik laat 'popup-notes' zien als ik hover over bepaalde items op mijn site. Werkt allemaal goed en wel, maar in Opera flipt dat ding helemaal, de ene keer gaat het goed, de andere keer niet.
Iemand een gedacht wat ik fout doe?

Css-code:
HTML: 
a.info{
    position:relative;
    z-index:24; 
    text-decoration:none}

a.info:hover{z-index:50;}

a.info span{display: none}

a.info:hover span{
	background-image:  url(images/popupBG.png);
	background-repeat:repeat-x;
	background-position: top;
    display:block;
    position:absolute;
    top: 1em; left: 20px; width:15em;
    border:2px solid #CCCCCC;
    background-color:#000000; color:#FFFFFF;
	filter:alpha(opacity=80);
	-moz-opacity:.80;
	opacity:.80;
	text-align:left;
	}

html:
HTML: 
	  <a class=info name="net" href="#net">
	  <img border="0" src="images/knoppen/net.gif" alt="" width="122" height="60" 
	  onmouseover="Effect.Pulsate(this)" 
	  onclick="Effect.Shake(this)"/>
   	  <span>Framework van Microsoft (object georiënteerd)</span></a>

ps: Trouwens nog een klein "probleem", als ik bij die hover de afstanden instel (top/bottom) dan verschillen die immens in IE en FF, of ik nu %, px of iets anders gebruik. Geen gedacht hoe dit komt ook.
T

Talos

Legacy Member
Ok ondertussen alles ongeveer gefixt.

top: 1em; left: 20px; width:15em;

vervangen door

left: 20px; width: 250px;*/ top: 10%;

IE leest die top gewoon in en de rest negeert die, wat dus het gewenste effect heeft.

Enkel nog een klein probleem, popus aan de rechterrand van mijn site worden voor een deel onder de rand getoond (items staan in een tabel).
z-index aanpassen helpt geen bal.

*edit*
Ook weer in Opera werken de popups niet in iBox (http://www.ibegin.com/ibox/ibox-test.html)
Het archief is een bevroren moment uit een vorige versie van dit forum, met andere regels en andere bazen. Deze posts weerspiegelen op geen enkele manier onze huidige ideeën, waarden of wereldbeelden en zijn op sommige plaatsen gecensureerd wegens ontoelaatbaar. Veel zijn in een andere tijdsgeest gemaakt, al dan niet ironisch - zoals in het ironische subforum Off-Topic - en zouden op dit moment niet meer gepost (mogen) worden. Toch bieden we dit archief nog graag aan als informatiedatabank en naslagwerk. Lees er hier meer over of start een gesprek met anderen.
Terug
Bovenaan