View Single Post
  #5 (permalink)  
Old Apr 25th, 2008, 15:53
daraclare daraclare is offline
New Member
Join Date: Feb 2007
Location: london
Age: 30
Posts: 7
Thanks: 0
Thanked 0 Times in 0 Posts
Re: please help me understand! CSS Menu in IE GONE WRONG!

It's in the menu CSS I think but I can't work out where. I've uploaded a menu.htm before and it looked the same in Internet Explorer (ie terrible)

The ddcolourtabs source is below but it could be other files not sure My poor head is melted.

Code: Select all
.ddcolortabs{
padding: 0;
width: 100%;
background: transparent;
voice-family: "\"}\"";
voice-family: inherit;
}

.ddcolortabs ul{
    margin:0;
    padding:0;
    list-style:none;
    font-family: Arial, Verdana, sans-serif;
    font-size: 12px;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
}

.ddcolortabs li{
display:inline;
margin:0 2px 0 0;
padding:0;
text-transform:none;
}


.ddcolortabs a{
    float:left;
    color: #FFFFFF;
    background: #003366 url(media/color_tabs_left.gif) no-repeat left top;
    margin:0 2px 0 0;
    padding:0 0 1px 3px;
    text-decoration:none;
    letter-spacing: 1px;
    display: block;
}

.ddcolortabs a span{
float:left;
display:block;
background: transparent url(media/color_tabs_right.gif) no-repeat right top;
padding: 4px 8px 2px 7px;
}

.ddcolortabs a span{
float:none;
}

.ddcolortabs a:hover{
background-color: #006699;
}

.ddcolortabs a:hover span{
background-color: #006699;
}

.ddcolortabs .selected a, #ddcolortabs .selected a span{ /*currently selected tab*/
background-color: #003366;
}

.ddcolortabsline{
clear: both;
padding: 0;
width: 100%;
height: 8px;
line-height: 8px;
background: #003366;
border-top: 1px solid #fff; /*Remove this to remove border between bar and tabs*/
}

/* ######### style for Drop Down Menu ######### */

.dropmenudiv_a{
position:absolute;
top: 0;
border: 1px solid #003366; /*THEME CHANGE HERE*/
border-top-width: 8px; /*Top border width. Should match height of .ddcolortabsline above*/
border-bottom-width: 0;
font:normal 12px Arial;
line-height:18px;
z-index:100;
background-color: white;
width: 200px;
visibility: hidden;
}


.dropmenudiv_a a{
width: auto;
display: block;
text-indent: 5px;
border-top: 0 solid #000033;
border-bottom: 1px solid #000033; /*THEME CHANGE HERE*/
padding: 2px 0;
text-decoration: none;
color: #003366;
}

* html .dropmenudiv_a a{ /*IE only hack*/
width: 100%;
}

.dropmenudiv_a a:hover{ /*THEME CHANGE HERE*/
background-color: #006699;
color: white;
}

Last edited by Aso; Apr 26th, 2008 at 09:50. Reason: USE [CODE] TAGS
Reply With Quote