I menyn på https://www.grjj.se dvs. efter att valt ort!
Så fungerar inte mouseover effekten i IE 7.0, funkar i FF och Safari utan problem..
Hittar liksom inte felet, validatorn klagar bara på mina ä ö och så vidare... CSS går igenom utan problem.
så ser den annars ut
img {
border : 0 none;
}
p {
padding-top : 4px;
padding-bottom : 4px;
font-family : Arial, Helvetica, sans-serif;
font-size : 12px;
color : #000000;
}
#DivMenu a {
color : #fff;
text-decoration : none;
margin-top : 3px;
margin-left : 3px;
margin-right : 3px;
padding-left : 2px;
padding-right : 2px;
font-family : Arial, Helvetica, sans-serif;
font-size : 11px;
display : block;
float : left;
height : 18px;
border-right : 1px solid #000000;
border-left : 1px solid #000000;
border-top : 1px solid #000000;
}
#DivMenu a:hover {
display : block;
color : #000;
background-color : #fff;
text-decoration : none;
border-right : 1px solid #000000;
border-left : 1px solid #000000;
border-top : 1px solid #000000;
}
#DivMenu .selected {
color : #000;
background-color : #ffffff;
border-left : 1px solid #000000;
border-right : 1px solid #000000;
border-top : 1px solid #000000;
text-decoration : none;
}
#submit a {
font-size : 12px;
}
.LeftTd a:link {
font-size : 11px;
color : #ffffff;
}
.LeftTd a:visited {
font-size : 11px;
color : #ffffff;
}
.LeftTd a:hover {
font-size : 11px;
color : #ff1a1a;
text-decoration : underline;
}
.RightTd a {
font-size : 12px;
}
#fnamn .Subject2 {
color : #ffffff;
}
#enamn .Subject2 {
color : #ffffff;
}
#passwd .Subject2 {
color : #ffffff;
}
.datum {
display : block;
font-family : Arial, Helvetica, sans-serif;
font-size : 10px;
color : #660000;
}
.buttons {
font-family : Arial, Helvetica, sans-serif;
font-size : 11px;
color : #ffffff;
border : 1px solid #545454;
background-color : #333333;
font-weight : bold;
}
.Subject2 {
font-family : Arial, Helvetica, sans-serif;
font-size : 10px;
color : #000000;
letter-spacing : 2px;
font-weight : bold;
}
.inputtext {
font-family : Arial, Helvetica, sans-serif;
font-size : 12px;
color : #ffffff;
border : 1px solid #545454;
background-color : #333333;
padding-left : 3px;
}
.inputtext2 {
font-family : Arial, Helvetica, sans-serif;
font-size : 12px;
color : #000000;
border : 1px solid #545454;
background-color : #ffffff;
padding-left : 3px;
}
.text {
font-family : Arial, Helvetica, sans-serif;
font-size : 12px;
color : #000000;
}
.infotext {
font-family : Arial, Helvetica, sans-serif;
font-size : 11px;
color : #bc4a4a;
font-weight : bold;
}
.citat {
background-color : #ffffff;
text-align : left;
margin-left : auto;
margin-right : auto;
margin-top : 5px;
margin-bottom : 5px;
width : 450px;
border : 1px solid #000000;
font-family : Arial, Helvetica, sans-serif;
font-size : 12px;
color : #efefef;
padding-left : 2px;
}
.citerat {
display : block;
text-align : left;
margin-left : auto;
margin-right : auto;
margin-top : 5px;
margin-bottom : -4px;
width : 450px;
font-family : Arial, Helvetica, sans-serif;
font-size : 11px;
color : #efefef;
font-weight : bold;
}
h1 {
font-family : Arial, Helvetica, sans-serif;
font-size : 11px;
font-weight : bold;
}
h2 {
font-family : Arial, Helvetica, sans-serif;
font-size : 10px;
color : #ffffff;
letter-spacing : 2px;
font-weight : bold;
}
#DivContainer {
text-align : left;
min-height : 100%;
height : 100%;
margin : 0 auto;
width : 781px;
border-left : 1px solid #fffcf9;
border-right : 1px solid #fffcf9;
background-color : #fcc40b;
color : #ffffff;
}
#DivLogo {
background-image : url(/site/_img/nya_loggan.gif);
background-repeat : no-repeat;
width : 781px;
height : 100px;
}
#DivMenu {
height : 22px;
width : 781px;
border-top : 1px solid #fffcf9;
border-bottom : 1px solid #fffcf9;
background-color : #000000;
}
#smenu .ActivePage {
margin-left : 2px;
margin-right : 2px;
font-family : Arial, Helvetica, sans-serif;
font-size : 11px;
text-decoration : underline;
font-weight : normal;
}
#smenu {
font-family : Arial, Helvetica, sans-serif;
font-size : 11px;
width : 100%;
height : 15px;
color : #000000;
background-color : #ffffff;
border-bottom : 1px solid #000000;
}
#smenu a {
margin-left : 2px;
margin-right : 2px;
font-size : 11px;
}
#DivFooter {
margin-left : auto;
margin-right : auto;
height : 20px;
width : 781px;
border : 1px solid #545454;
}
#DivAdds {
text-align : center;
position : relative;
}
#DivLinkMenu {
width : 100%;
background-color : #000000;
margin-top : -5px;
padding-right : 6px;
padding-left : 6px;
padding-bottom : 8px;
border-bottom : 1px solid #545454;
}
#DivLinkMenu a:link {
color : #ffffff;
font-size : 11px;
}
#DivLinkMenu a:hover {
color : #ffffff;
font-size : 11px;
}
#DivLinkMenu a:visited {
color : #ffffff;
font-size : 11px;
}
.ActivePage {
font-size : 12px;
font-family : Arial, Helvetica, sans-serif;
color : #000000;
text-decoration : none;
font-weight : bold;
}
#fnamn {
padding-top : 0;
padding-left : 3px;
padding-right : 3px;
padding-bottom : 3px;
}
#enamn {
padding : 3px;
}
#passwd {
padding : 3px;
}
#submit {
padding : 3px;
}
#errmsg {
font-family : Arial, Helvetica, sans-serif;
font-size : 11px;
color : #ff0000;
padding : 3px;
background-color : #000000;
}
.ContentTbl {
padding : 0;
margin : 0;
width : 781px;
height : 100%;
}
.LeftTd {
vertical-align : top;
border-right : 1px solid #fffcf9;
padding : 2px;
height : auto;
width : 158px;
background-color : #000000;
color : #ffffff;
}
.RightTd {
padding : 3px;
vertical-align : top;
height : 100%;
}
.LeftTdCounter {
vertical-align : top;
border-right : 1px solid #fffcf9;
padding-left : 6px;
height : auto;
width : 158px;
background-color : #000000;
color : #ffffff;
}
.RightTdCopy {
text-align : right;
vertical-align : middle;
height : 20px;
width : 618px;
padding-right : 5px;
}
.ContentTd {
font-family : Arial, Helvetica, sans-serif;
font-size : 12px;
vertical-align : top;
width : 450px;
padding : 3px;
}
.FullContentTd {
font-family : Arial, Helvetica, sans-serif;
font-size : 12px;
vertical-align : top;
width : 618px;
padding : 3px;
}
.NewsTd {
font-family : Arial, Helvetica, sans-serif;
font-size : 12px;
vertical-align : top;
width : 168px;
padding : 3px;
}
.SpacerTd {
width : 5px;
}
.SubjectTdImg {
padding-left : 5px;
height : 18px;
background : url(/site/_img/rubrikbak.gif) no-repeat;
font-family : Arial, Helvetica, sans-serif;
font-size : 11px;
color : #ffffff;
font-weight : bold;
letter-spacing : 1px;
border-bottom : 1px solid #545454;
}
#temp {
padding : 3px;
font-family : Arial, Helvetica, sans-serif;
font-size : 10px;
color : #ffffc6;
float : right;
}
.evSubject {
font-family : Arial, Helvetica, sans-serif;
font-size : 10px;
color : #ffffff;
letter-spacing : 2px;
font-weight : bold;
}
.evback {
background-color : #000000;
}
.gbook_func {
background-color : #efefef;
font-family : Arial, Helvetica, sans-serif;
font-size : 12px;
}
.quote {
padding : 5px;
background-color : #ffffff;
font-family : Arial, Helvetica, sans-serif;
font-size : 12px;
border : 1px solid #000000;
margin-left : 10px;
margin-right : 10px;
margin-top : 5px;
margin-bottom : 5px;
}
.smalltext {
font-family : Verdana, arial, sans-serif;
font-size : 9px;
}
.backodd {
background-color : #fbcc38;
color : #000000;
}
.backeven {
background-color : #ed9f0b;
color : #000000;
}
Den delen som berör meny:
#DivMenu {
height : 22px;
width : 781px;
border-top : 1px solid #fffcf9;
border-bottom : 1px solid #fffcf9;
background-color : #000000;
}
#DivMenu a {
color : #fff;
text-decoration : none;
margin-top : 3px;
margin-left : 3px;
margin-right : 3px;
padding-left : 2px;
padding-right : 2px;
font-family : Arial, Helvetica, sans-serif;
font-size : 11px;
display : block;
float : left;
height : 18px;
border-right : 1px solid #000000;
border-left : 1px solid #000000;
border-top : 1px solid #000000;
}
#DivMenu a:hover {
display : block;
color : #000;
background-color : #fff;
text-decoration : none;
border-right : 1px solid #000000;
border-left : 1px solid #000000;
border-top : 1px solid #000000;
}
#DivMenu .selected {
color : #000;
background-color : #ffffff;
border-left : 1px solid #000000;
border-right : 1px solid #000000;
border-top : 1px solid #000000;
text-decoration : none;
}
Html kod för menyn.
<div id="DivMenu">
<a href="/site/" title="På Svenska"><img src="/site/_img/sv.gif" alt="Svenska" style="border: none;" /></a>
<a href="/site/english.asp" title="In English"><img src="/site/_img/gb.gif" alt="English" style="border: none;" /></a>
<a href="/site/Default.asp?clubid=Kalix">Startsidan</a>
<a href="/site/site_information.asp?clubid=Kalix">Information</a>
<a href="/site/site_evenemang.asp?clubid=Kalix">Evenemang</a>
<a href="/site/album/?clubid=Kalix">Galleri</a>
<a href="/site/forum/default.asp?clubid=Kalix">Forumet</a>
<a href="/site/site_guestbook.asp?clubid=Kalix">Gästbok</a>
<a href="/site/site_links.asp?clubid=Kalix">Länkar</a>
<a class="selected" href="/site/site_kontakt.asp?clubid=Kalix">Kontakt</a></div>
Som då i sin tur ligger innesluten i DivContainer, som är den enda föräldern tillsammans med Body.
Så den borde ju inte ärva från något annat..
Alltså jag hittar inte felet..
bakgrunden skall bli vit på mouseover, och texten svart.. visst text blir svart men bakgrunden blir inte vit :l
obs css:en lite ned kortad annars skulle det inte få plats :)
