CSS hulp

[pwwebdev]

Ik heb een klein probleempje met mijn portfolio, zie http://tinyurl.com/lalymc

Ik gebruik Popeye, en als je op de thumbnails klikt zie je het probleem; het plaatje vergroot, maar komt onder de andere thumbnail(s). Iemand enig idee hoe dit op te lossen?

[Triloxigen]

z-index

Alleen wordt dat niet echt goed ondersteund bij alle browsers.

[marsipulami]

misschien de opbouw omdraaien, de onderste boven plaatsen, dat geeft namelijk ook aan welke laag je zit. werkt in elk geval voor div's

[DC^]

Inderdaad, denk dat het probleem ligt bij de opbouw van je lagen.

Indien je Dreamweaver hebt zou ik even een compatibiliteit's controle uitvoeren.

[rackhost.be]

zeker op te lossen met z-index voor alle browsers

ik zou die zwart/witte thumb wel verkleinen, is beetje storend nu

[Triloxigen]

zeker op te lossen met z-index voor alle browsers

MSIE6 wordt helaas nog veelvuldig gebruikt.

[pwwebdev]

z-index

Alleen wordt dat niet echt goed ondersteund bij alle browsers.

Bedankt voor je reply. Ik heb het echter geprobeerd, maar het is me niet gelukt met z-index.


misschien de opbouw omdraaien, de onderste boven plaatsen, dat geeft namelijk ook aan welke laag je zit. werkt in elk geval voor div's


Inderdaad, denk dat het probleem ligt bij de opbouw van je lagen.

Indien je Dreamweaver hebt zou ik even een compatibiliteit's controle uitvoeren.

@ marsipulami en DC^,

Bedankt! Dat is de oplossing. Als ik de volgorde omdraai, gaat het wel goed. Echter, wat ook werkte (hetzelfde principe als lagen omdraaien):


$(document).ready(function () {
$('#popeye0').popeye();
$('#popeye1').popeye();
$('#popeye2').popeye();
$('#popeye3').popeye();
$('#popeye4').popeye();
$('#popeye5').popeye();
});


Omdraaien, dus naar:


$(document).ready(function () {
$('#popeye5').popeye();
$('#popeye4').popeye();
$('#popeye3').popeye();
$('#popeye2').popeye();
$('#popeye1').popeye();
$('#popeye0').popeye();
});


Bedankt voor de hulp!

[DC^]

Mooi dat het opgelost is :)