WN

WN (https://www.wn.se/forum/index.php)
-   Klientsidans teknologier, design och grafik (https://www.wn.se/forum/forumdisplay.php?f=12)
-   -   Byggde ny css droppdown, funkar i IE 7 men ej 6:an (https://www.wn.se/forum/showthread.php?t=26890)

Staffconsulting 2008-02-04 19:51
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 2008-02-04 20: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/

Staffconsulting 2008-02-04 20:07
Citat:
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 2008-02-04 20:29
Ok! Inte mycket jobb då det bara är css som ska fixas.. men men! ;)

Staffconsulting 2008-02-04 20:50
css koden för menyn :

Kod:
/* 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 2008-02-04 21:08
Nu funkar det..

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

Staffconsulting 2008-02-07 14:14
Nehepp.. nu funakr det inte längre.. attans...


Alla tider är GMT +2. Klockan är nu 15:57.

Programvara från: vBulletin® Version 3.8.2
Copyright ©2000 - 2025, Jelsoft Enterprises Ltd.
Svensk översättning av: Anders Pettersson