[CSS] Images naar de voorgrond halen

[MTWZZ]

Ik heb aan een mac os achtig menutje zitten klooien. ziet hier
Het probleem is alleen dat ik die images waar de onmouseover op zit naar "voren" komt de breedte van het totale menu wijzigt zodat het menu nogal schokkerig is.

Heeft iemand een idee hoe dit te regelen valt?
Ik heb al wat met z-index zitten proberen maar dat had weinig succes.

[André]

Je kunt de image op het moment van de mouseover een negative margin geven aan beide kanten.

[MTWZZ]

Thnx dat is al stukken beter.

Sterker nog: het werkt!

[ Voor 34% gewijzigd door MTWZZ op 14-09-2004 10:58 ]

[André]

Zo dus:

code:

function dwim(ob) {
  var p_id = parseInt(ob.id) - 1;
  var n_id = parseInt(ob.id) + 1;
  var prev = document.getElementById(p_id);
  var next = document.getElementById(n_id);
  if(ob.style.width == '60px') {
    proc(ob,op_away,'30px','30px','15px',50,'0px','0px');
    if(prev != null) {
      proc(prev,op_away,'30px','30px','15px',50,'0px','0px');
    }
    if(next != null) {
      proc(next,op_away,'30px','30px','15px',50,'0px','0px');
    }
    } else {
    proc(ob,op_high,'60px','60px','0px',100,'-10px','-8px');
    if(prev != null) {
      proc(prev,op_side,'40px','40px','10px',80,'-8px','-8px');
    }
    if(next != null) {
      proc(next,op_side,'40px','40px','10px',80,'-8px','-8px');
    }
  }
}
function proc(ob,op,w,h,m,z,ml,mr) {
  ob.style.opacity = op;
  ob.style.width = w;
  ob.style.height = h;
  ob.style.marginTop = m;
  ob.style.marginBottom = m;
  ob.style.zIndex = z;
  ob.style.marginLeft = ml;
  ob.style.marginRight = mr;
}

[MTWZZ]

Ja dat heb ik nu dus ook

[jonggoud.nl]

Just to inform you; het werkt nog steeds niet goed hoor. Als je nu mouseovert dan wordt het plaatje rechts van de vergroting niet meer geschaald, en komt dan met z'n z-index over de vergroting heen te liggen. Nog ff naar kijken dus!

[MTWZZ]

Kun je nog ff een keertje checken. Ik heb nu icoontjes + klikeffecten erin.
Ik heb alleen nog een klein probleempje met z-index maar daar moet ik nog een beetje mee klooien.

[André]

Ze verschuiven nog wel als je er overheen gaat. Als je over de rechter of linker gaat moet er natuurlijk respectievelijk niets met de rechter of linker marge gebeuren.

[MTWZZ]

[ikmoetbeterkijken]
Gebruik je IE of Mozilla/FF?

FF doet het goed alleen IE heeft weer problemen met transparante png's.
[/ikmoetbeterkijken]

Ik zie wat je bedoeld. Dat die laatste ook iets opschuift komt doordat die anders "onder" dat gefocuste icoontje komt en dat zie je dus niet meer wat het is.

[ Voor 51% gewijzigd door MTWZZ op 14-09-2004 13:00 ]