Frågan#1
Hej!
Har ett litet problem med en trädmeny från fastmenus.com som funkar ok i ie och ok i mozilla men i mozilla blir det konstigt. Kolla när man tryckt ut barnskor och fritidsskor. Verkar som om mellan rummen flyttat på sig...
Se http://preztige.se/skon/vram.html
Tacksam för hjälp! jag bifogar mina koder samt .js filen.
Mvh,
Richard
Här är css:en som jag använder:
.headers { width: 90%;
padding-left:10px;
ffont-style: italic;
border: silver 1px solid;
background-color: #FFE6D9 ;
}
body{
background-color: white ;
margin-top:0px; margin-bottom:0px; margin-right:0px; margin-left:0px;
font-family: Verdana, Arial, Sans-serif;
color: black;
}
table {
font-size:8px;
}
img{border: 0px;}
A:hover {COLOR: #FF6E4C; text-decoration:underline;}
A:link{color: #CD4F39;text-decoration:none;}
A:active {color:red; #996633;text-decoration:none; }
A:visited {COLOR:#003399; text-decoration:none; }
@media Screen
{
UL.tree LI {
LIST-STYLE-TYPE: none;
CURSOR: hand;
}
UL.tree {
MARGIN: 0px 0px 0px 0px;
}
UL.tree LI.Open UL {
DISPLAY: inline; /* fix tabspace */
}
UL.tree LI.Close UL {
DISPLAY: none;
visibility: hidden;
}
UL.tree LI {
FONT-SIZE: 10px;
COLOR: #AC6717;
}
UL.tree LI UL LI {
FONT-SIZE: 10px;
padding:0px 0px 0px 35px; /*padding for li but buggy in Mozzilla*/
}
UL.tree LI UL LI UL LI {
FONT-SIZE: 10px;
}
UL.tree UL LI UL LI UL LI LI {
FONT-SIZE: 9px;
}
UL.tree LI:hover {
COLOR: red;
}
.tree {
width: 220px;
padding: 0px 0px 0px 0px;
border:0px dashed #3399CC;
background-color:white;}
* html tree {
width: 240px; /* for IE5 and IE6 in quirks mode */
width: 220px; /* for IE6 in standards mode */
}
#tree1 {
width:100%;
background-color:#FFFFFF;
/* font-weight:bold; */
CURSOR: default; pointer; hand;
DISPLAY: none;
}
#transition {
width:100%;
filter:revealTrans(duration=1, transition=19);
}
}
Här är htmlfilen med trädmenyn:
<HTML>
<HEAD>
<TITLE>menuFrame</TITLE>
<link rel="stylesheet" href="fastmenus.css" type="text/css">
<SCRIPT language=JavaScript src="fastmenus.js"></SCRIPT>
<link rel="stylesheet" href="skomenystyle.css" type="text/css">
</HEAD>
<BODY>
<table width="149" border="0" cellspacing="0" cellpadding="0" height="76">
<tr>
<td width="145" valign="top"><br>
<ul class=tree id=tree1>
<li> HERRSKOR
<ul>
<li><a href="hram.html" target="hram">Tunna skor</a>
<li><a href="hram.html" target="hram">Promenadskor</a>
<li><a href="hram.html" target="hram">Sandaler</a></li>
<li><a href="hram.html" target="hram">Kängor/Boots</a></li>
</ul>
<li> DAMSKOR
<ul>
<li><a href="hram.html" target="hram">Lätta skor</a>
<li><a href="hram.html" target="hram">Promenadskor</a>
<li><a href="hram.html" target="hram">Sandaletter</a></li>
<li><a href="hram.html" target="hram">Stövlar</a></li>
</ul>
<li> BARNSKOR
<ul>
<li><a href="hram.html" target="hram">Sandaler</a>
<li><a href="hram.html" target="hram">Kängor</a>
</ul>
<li> FRITIDSSKOR
<ul>
<li><a href="hram.html" target="hram">Bekvämsandaler</a>
<li><a href="hram.html" target="hram">Sport barn</a>
<li><a href="hram.html" target="hram">Sport dam</a></li>
<li><a href="hram.html" target="hram">Sport herr</a></li>
<li><a href="hram.html" target="hram">Sportkängor</a></li>
<li><a href="hram.html" target="hram">Gummistövlar</a></li>
</ul>
<li><img src="images/download.gif"><a href="hram.html" target="hram">
<font size="1" face="Verdana">FYNDHÖRNAN </font> </a></li>
</ul>
</td>
<td width="10" height="400" bgcolor="ffffff" background="vertikallinjesmall.gif"> </td>
</tr>
</table>
</BODY>
</HTML>