Previous Message
Next Message

Getting the z-index right in my css

Sent by Ian Piper on 5 July 2007 11:11


On 5 Jul 2007, at 9:36 am, ron zisman wrote:

>
> On Jul 5, 2007, at 3:46 AM, Ian Piper wrote:
>
>> On 4 Jul 2007, at 11:13 pm, Ian Piper wrote:
>> http://www.tellura.co.uk/blueboar/casestudies.htm
>>
>> Can anyone suggest how I should do the z-index to make sure none of
>> the thumbnails show above any of the popped up images?
>
> Basically: you should layer only on :hover, with 'position:  
> relative; z-index: 1;' as basic :hover style, and leave the non- 
> hovered elements/links 'position: static'.
> That should solve all layering problems.
>
> NOTE: It is important that you clean up your source code ((x)html)  
> a bit before making any further changes to CSS, as no development- 
> tools -- at least none of mine -- will have anything to do with  
> your page as it is now. It certainly isn't xhtml 1.0 you've got there.
> The regular HTML validator reports 45 errors, and the new beta  
> version reports 68 errors. That's simply too many errors -- even if  
> not all of them are real, individual, errors.
> There should be no errors in an xhtml document.
>
> regards
> 	Georg

Thanks Georg. I will try these ideas out.

Regarding the xhtml errors, I completely agree. You will probably  
have noticed that all of those validation errors come from the use of  
a flash-based logo. I did advise my client about this, but they  
insisted on having the logo, and I haven't found any useful way to  
get a flash logo like this one to validate on a web page.

Thanks,


Ian.
--


______________________________________________________________________
css-discuss [EMAIL-REMOVED]]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7 information -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Previous Message
Next Message

Message thread:

Possibly related: