[Staffconsulting]

Hej..

Någon som ser vad som kan ställa till det med menyn på denna sidan (obs endast demosida) : http://www.satrahojden.se

Byggde om den gamla menyn eftersom den ej fungerade i IE 7, nu märkte jag att den nya inte funkar i 6:an ist...

Vad trött man blir....

[Pixelstorm]

Här har du en bra tutorial som bör funka för alla vanliga webbläsare: http://www.htmldog.com/articles/suckerfish/dropdowns/

[Staffconsulting]

Originally posted by Pixelstorm@Feb 4 2008, 21:00
Här har du en bra tutorial som bör funka för alla vanliga webbläsare: http://www.htmldog.com/articles/suckerfish/dropdowns/

Tackar men vill helst slippa lägga ner några timmar på ytterligare en ny meny

[Pixelstorm]

Ok! Inte mycket jobb då det bara är css som ska fixas.. men men!

[Staffconsulting]

css koden för menyn :

/* CSS FOR menu2 : */
#menu2 {
position: relative;
background: #46461F url('images/a16.gif') repeat-x;
height: 67px;
padding: 0px 20px 0px 5px;
margin: 98px 0px 20px 0px;
z-index:2;
}
#menu2 ul 
{
position: relative;
list-style: none;
margin: 0;
padding: 0;
width: 12em;
float: left;
width: 130px;
font-size: 22px;
color: #fff;
font-weight: bold;
}
#menu2 a, #menu2 h2 
{
position: relative;
background-repeat: repeat-x;
padding: 8px 12px 8px 12px;
font-size: 12px;
color: #fff;
font-weight: bold;
}

#menu2 h2 
{
position: relative;
background-repeat: repeat-x;
padding: 18px 12px 8px 12px;
font-size: 12px;
color: #fff;
font-weight: bold;
}
#menu2 a 
{
position: relative;
background-repeat: repeat-x;
font-size: 12px;
color: #fff;
font-weight: bold;
}
#menu2 a.undermeny {
padding: 8px 12px 8px 0px;
font-size: 12px;
color: #4A4A24;
font-weight: bold;
position: relative;
}

#menu2 a:hover.overmeny {
color: #fff;
text-decoration: underline;
position: relative;
}
#menu2 li {position: relative;
  }
#menu2 li.undermeny 
{
  background: #fff url('images/a18.gif') repeat-x top;
  border-width: 1px;
  border-style: solid;
  border-color: #ccc #888 #555 #bbb; 
position: relative;
}

#menu2 .undermeny{
color: #4A4A24;
text-decoration: none;
padding: 8px 0px 8px 12px;
position: relative;
}
#menu2 ul ul ul {
position: absolute;
top: 0;
left: 100%;
}
#menu2 ul ul {
position: absolute;
z-index: 500;
}
div#menu2 ul ul {
display: none;
}
div#menu2 ul li:hover ul
{display: block;}

div#menu2 ul ul,
div#menu2 ul li:hover ul ul,
div#menu2 ul ul li:hover ul ul
{display: none;}

div#menu2 ul li:hover ul,
div#menu2 ul ul li:hover ul,
div#menu2 ul ul ul li:hover ul
{display: block;}
<!--[if IE]>
body {
behavior: url(csshover.htc);
font-size: 100%;
}

#menu2 ul li {float: left; width: 100%;}
#menu2 ul li a {height: 1%;} 

#menu2 a, #menu2 h2 {
font: bold 0.7em/1.4em arial, helvetica, sans-serif;
}
<![endif]-->
/* CSS FOR menu2 ENDS */

[Staffconsulting]

Nu funkar det..

Fick ta bort <!--[if IE]> blocken...

[Staffconsulting]

Nehepp.. nu funakr det inte längre.. attans...