I have problem with IE7 (version 7.0.5730.13) because I cannot see gallery thumbs when page is first time loaded. When I click on link and load next gallery everythink is OK. In sourse code I can see thumbs but it is not on displayed. Z-index is not working I don't know why? Other browser, and some other IE7 show page correct. The problem is here...
http://aktiktak.hr/galerija.php

...and if anyone have some idea

Z-index only works on elements that are set to position:absolute or position: relative. Your thumbnails have the z-index, but are not positioned. To make things worse, IE7 has some nasty bugs related to positioning and z-index.

You might want to try putting the thumbnauils in an unordered list <ul> instead of a div for each one, and set the <ul> to position: relative if necessary.

Thanks Lady,
I figured out what is problem. I cannot change div in ul because I need float. All thumbs are in one parent div. This div was set to position: relative; and I try z-index but without result. On the end when I remove definition position:relative and div is without positioning IE7 show the thumbs. I was check in other browsers (except IE8) and it is looking good.

I cannot change div in ul because I need float

Who says you can't float a list item, or the ul, or even the <a>?? You can float ANY of them!

Originally Posted by LadynRed

Who says you can't float a list item, or the ul, or even the <a>?? You can float ANY of them!

I know, I can float list item, etc. But php build this gallery and I don't like to change float in absolute. BTW I was try your sugestion and result is the same like with divs. Never ignore good suggestion - it is my way of life.

You can use css selectors (correct terminology?) to get to any element no matter what is generating it, all you need is somthing to grab on to.

For example,

Say PHP is generating a list:

list.php

PHP Code:


<?php

echo '<ul>';

$query = //Some query pulling info from 2 table cells

while($result = mysql_fetch_array($query)){

     echo '<li><strong>' . $result['id'] . '</strong>' . $result['name'] . '</li>';

}

echo '</ul>';

?>

Then you pull the file into a template or page wrapped in a div:

index.php

PHP Code:

<div id="someList">
<?php
     require_once('list.php');
?>
</div>

You can style the li's with the following CSS:

#someList ul { float:left; list-style:none; }
#someList ul li { float:left; }

From you post it seems you are unsure of this meathod, sorry if you are and it seems i am telling you howto suck eggs

I know how to create list with php but problem is in this sentence.

Z-index only works on elements that are set to position:absolute or position: relative.

When I float divs or list or any other tag IE7 (my version) don't show it. I cannot use relative or absolute because I don't like to think how many thumbs is in the line. If customer want 7 php must build 7, if he write 20 it must build 20.

In that case I must find solution for floating and z-index. On the end, lucky me, I find it.

I'd suggest the answer is pretty simple!

employ somebody who understands CSS!

I have somebody. ME!

Originally Posted by shivaji

I have somebody. ME!

Judging by your comments in this thread you don't know it as well as you think you do.


If you do not know how many elements are to be placed in a container floating the child elements is exactly what you need to do.