[joe2011uk]

Hi folks

Site in question: http://www.amazing-w...taging/devilish

Seems to be loading fine in all browser except IE , In IE the category nav is overlapping, i think its due to a negative margin thats in place to stop the categories dancing when hovered over lol, but im not sure.

Thanks for reading
Joe

Attached File(s)

•  ie-problem.png (87.28K)
  Number of downloads: 6

[zed]

remove the inline-block from #dkCatTabs UL LI A

[joe2011uk]

Hey Zed,

This works to a degree but now the hover dont cover the whole tab, that's why i had the block lol, its still working in all other browsers lol. if i put just a display block ie wants the categories on seperate lines grrrh!!!! lol any ideas man

Thanks
Joe

[zed]

okay, just playing and

#dkCatTabs ul li {
display: inline-block;

[joe2011uk]

zed, on 16 May 2011 - 01:38 PM, said:

okay, just playing and

#dkCatTabs ul li {
display: inline-block;

Tried this man it gives a problem with firefox when u click on long category names and it doesn't sort the problem in IE, it's pure stressfull been at this for hours lol

Joe

[mteam]

I may have got this wrong not exactly sure what the problem is this should get your nav displaying how I think you want it

#dkCatTabs ul li a:hover, #dkCatTabs ul li.current-cat a {
    background: url("../image/navHover_bg.png") repeat-x scroll 0 0 transparent;
    border: 1px solid #CF8E9F;
    padding: 4px;}

#dkCatTabs ul li a {
    color: #FFFFFF;
    display: block;
    font-family: 'GeosansLightRegular';
    font-size: 1.5em;
    padding: 5px;
    text-decoration: none;
    text-shadow: 1px 1px 1px #2F2F2F;
}

#dkCatTabs ul li {
    float: left;
    list-style: none outside none;
    margin-right: 25px;
}

#dkNav {
    background: url("../image/nav_bg.png") no-repeat scroll 0 0 transparent;
    float:left;    
    padding: 0 0 0 10px;
    width: 960px;
}

This post has been edited by mteam: 16 May 2011 - 04:42 PM

[joe2011uk]

mteam, on 16 May 2011 - 04:25 PM, said:

I may have got this wrong not exactly sure what the problem is this should get your nav displaying how I think you want it

#dkCatTabs ul li a:hover, #dkCatTabs ul li.current-cat a {
    background: url("../image/navHover_bg.png") repeat-x scroll 0 0 transparent;
    border: 1px solid #CF8E9F;
    padding: 4px;}

#dkCatTabs ul li a {
    color: #FFFFFF;
    display: block;
    font-family: 'GeosansLightRegular';
    font-size: 1.5em;
    padding: 5px;
    text-decoration: none;
    text-shadow: 1px 1px 1px #2F2F2F;
}

#dkCatTabs ul li {
    float: left;
    list-style: none outside none;
    margin-right: 25px;
}

#dkNav {
    background: url("../image/nav_bg.png") no-repeat scroll 0 0 transparent;
    float:left;    
    padding: 0 0 0 10px;
    width: 960px;
}

This is basically what i have and ie is causing the problem as usual lol

[mteam]

The code I posted is not what you have

[joe2011uk]

mteam, on 16 May 2011 - 06:13 PM, said:

The code I posted is not what you have

yeh urs is the first i had i have been messing about with this all day trying to fix it lol

[mteam]

What do you mean mine is the first you had

This post has been edited by mteam: 16 May 2011 - 06:52 PM

[joe2011uk]

The code i done myself before i posted here

[mteam]

I think I must be looking at the wrong thing here? this is what the code I posted does

navtest

This post has been edited by mteam: 16 May 2011 - 07:28 PM

[joe2011uk]

mteam, on 16 May 2011 - 07:04 PM, said:

I think I must be looking at the wrong thing here? this is what the code I posted does

navtest

Hey sorry man missed a point that you had added got it now +1d you thanks Joe

[mteam]

Glad you got it sorted