roberthoppe
Grünschnabel
hi ich habe ein prob mit mozilla .... der zeigt den navitext nicht mittig an. ... ie schon ... woran liegt das ? ....
hier die CSS
/* test.css */
.button {
z-index: 100000;
cursor: default;
border:0px solid #BBBBBB;
height:15px;
}
.menu, .menu * .menu {
border-left: 0px solid #BBBBBB;
padding-left:16px;
}
.buttonlabel img {
margin-bottom: 0px;
margin-right: 3px;
margin-left: 0px;
height:13px;
width:13px;
}
#level {
border: 0px solid #000000;
background:inherit;
color: #000000;
overflow: hidden;
position: inherit;
height: auto;
margin: 0;
left: 0;
top:0;
white-space:nowrap;
-moz-user-select: none;
}
#level * a {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
height:15px;
}
#level * a:visited , #level * a:link {
color:black;
text-decoration:none;
font-weight:normal;
height:15px;
}
#level * a:hover , #level * a:active {
color:blue;
text-decoration:none;
font-weight:normal;
height:15px;
/*border:1px solid #CCCCCC;*/
}
so ein auszug aus dem menu :
<div id="level" class="root">
<div id="div_3" class="button">
<span class="buttonlabel" onclick="switchMenu(this)" onmouseover="mouseOver(this)" onmouseout="mouseOff(this)">
<img src="templates/anekado_sos/img/plus2.gif" title="Kategorie öffnen" alt="*"></span><a href="http://vent.clanserverarea.de/index.php?cPath=3">testkategorie2
</a>
</div>
<div class="menu" id="div_3Menu">
<div id="div_3_4" class="button menuNode">
<span class="buttonlabel" onclick="switchMenu(this)" onmouseover="mouseOver(this)" onmouseout="mouseOff(this)">
<img src="templates/anekado_sos/img/plus2.gif" title="Kategorie öffnen" alt="*"></span><a href="http://vent.clanserverarea.de/index.php?cPath=3_4">Subkategorie1
</a>
</div>
<div class="menu" id="div_3_4Menu">
<div class="menuNode">
<a href="http://vent.clanserverarea.de/index.php?cPath=3_4_9">subsubkategorie1</a>
</div>
</div>
</div>
<div id="div_5" class="button">
<span class="buttonlabel" onclick="switchMenu(this)" onmouseover="mouseOver(this)" onmouseout="mouseOff(this)">
<img src="templates/anekado_sos/img/plus2.gif" title="Kategorie öffnen" alt="*"></span><a href="http://vent.clanserverarea.de/index.php?cPath=5">testkategorie3
</a>
</div>
<div class="menu" id="div_5Menu">
<div id="div_5_6" class="button menuNode">
<span class="buttonlabel" onclick="switchMenu(this)" onmouseover="mouseOver(this)" onmouseout="mouseOff(this)">
<img src="templates/anekado_sos/img/plus2.gif" title="Kategorie öffnen" alt="*"></span><a href="http://vent.clanserverarea.de/index.php?cPath=5_6">Subkategorie2
</a>
</div>
<div class="menu" id="div_5_6Menu">
<div class="menuNode">
<a href="http://vent.clanserverarea.de/index.php?cPath=5_6_10">subsubkategorie2</a>
</div>
</div>
</div>
<div id="div_7" class="button">
<span class="buttonlabel" onclick="switchMenu(this)" onmouseover="mouseOver(this)" onmouseout="mouseOff(this)">
<img src="templates/anekado_sos/img/plus2.gif" title="Kategorie öffnen" alt="*"></span><a href="http://vent.clanserverarea.de/index.php?cPath=7">testkategorie4
</a>
</div>
<div class="menu" id="div_7Menu">
<div id="div_7_8" class="button menuNode">
<span class="buttonlabel" onclick="switchMenu(this)" onmouseover="mouseOver(this)" onmouseout="mouseOff(this)">
<img src="templates/anekado_sos/img/plus2.gif" title="Kategorie öffnen" alt="*"></span><a href="http://vent.clanserverarea.de/index.php?cPath=7_8">Subkategorie3
</a>
</div>
<div class="menu" id="div_7_8Menu">
<div class="menuNode">
<a href="http://vent.clanserverarea.de/index.php?cPath=7_8_11">subsubkategorie3</a>
</div>
</div>
</div> </div><script type="text/javascript">setCpath("div_");</script>
ich bekomme das problem nicht gelöst vielleicht könnt ihr mir ja helfen
hier die CSS
/* test.css */
.button {
z-index: 100000;
cursor: default;
border:0px solid #BBBBBB;
height:15px;
}
.menu, .menu * .menu {
border-left: 0px solid #BBBBBB;
padding-left:16px;
}
.buttonlabel img {
margin-bottom: 0px;
margin-right: 3px;
margin-left: 0px;
height:13px;
width:13px;
}
#level {
border: 0px solid #000000;
background:inherit;
color: #000000;
overflow: hidden;
position: inherit;
height: auto;
margin: 0;
left: 0;
top:0;
white-space:nowrap;
-moz-user-select: none;
}
#level * a {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
height:15px;
}
#level * a:visited , #level * a:link {
color:black;
text-decoration:none;
font-weight:normal;
height:15px;
}
#level * a:hover , #level * a:active {
color:blue;
text-decoration:none;
font-weight:normal;
height:15px;
/*border:1px solid #CCCCCC;*/
}
so ein auszug aus dem menu :
<div id="level" class="root">
<div id="div_3" class="button">
<span class="buttonlabel" onclick="switchMenu(this)" onmouseover="mouseOver(this)" onmouseout="mouseOff(this)">
<img src="templates/anekado_sos/img/plus2.gif" title="Kategorie öffnen" alt="*"></span><a href="http://vent.clanserverarea.de/index.php?cPath=3">testkategorie2
</a>
</div>
<div class="menu" id="div_3Menu">
<div id="div_3_4" class="button menuNode">
<span class="buttonlabel" onclick="switchMenu(this)" onmouseover="mouseOver(this)" onmouseout="mouseOff(this)">
<img src="templates/anekado_sos/img/plus2.gif" title="Kategorie öffnen" alt="*"></span><a href="http://vent.clanserverarea.de/index.php?cPath=3_4">Subkategorie1
</a>
</div>
<div class="menu" id="div_3_4Menu">
<div class="menuNode">
<a href="http://vent.clanserverarea.de/index.php?cPath=3_4_9">subsubkategorie1</a>
</div>
</div>
</div>
<div id="div_5" class="button">
<span class="buttonlabel" onclick="switchMenu(this)" onmouseover="mouseOver(this)" onmouseout="mouseOff(this)">
<img src="templates/anekado_sos/img/plus2.gif" title="Kategorie öffnen" alt="*"></span><a href="http://vent.clanserverarea.de/index.php?cPath=5">testkategorie3
</a>
</div>
<div class="menu" id="div_5Menu">
<div id="div_5_6" class="button menuNode">
<span class="buttonlabel" onclick="switchMenu(this)" onmouseover="mouseOver(this)" onmouseout="mouseOff(this)">
<img src="templates/anekado_sos/img/plus2.gif" title="Kategorie öffnen" alt="*"></span><a href="http://vent.clanserverarea.de/index.php?cPath=5_6">Subkategorie2
</a>
</div>
<div class="menu" id="div_5_6Menu">
<div class="menuNode">
<a href="http://vent.clanserverarea.de/index.php?cPath=5_6_10">subsubkategorie2</a>
</div>
</div>
</div>
<div id="div_7" class="button">
<span class="buttonlabel" onclick="switchMenu(this)" onmouseover="mouseOver(this)" onmouseout="mouseOff(this)">
<img src="templates/anekado_sos/img/plus2.gif" title="Kategorie öffnen" alt="*"></span><a href="http://vent.clanserverarea.de/index.php?cPath=7">testkategorie4
</a>
</div>
<div class="menu" id="div_7Menu">
<div id="div_7_8" class="button menuNode">
<span class="buttonlabel" onclick="switchMenu(this)" onmouseover="mouseOver(this)" onmouseout="mouseOff(this)">
<img src="templates/anekado_sos/img/plus2.gif" title="Kategorie öffnen" alt="*"></span><a href="http://vent.clanserverarea.de/index.php?cPath=7_8">Subkategorie3
</a>
</div>
<div class="menu" id="div_7_8Menu">
<div class="menuNode">
<a href="http://vent.clanserverarea.de/index.php?cPath=7_8_11">subsubkategorie3</a>
</div>
</div>
</div> </div><script type="text/javascript">setCpath("div_");</script>
ich bekomme das problem nicht gelöst vielleicht könnt ihr mir ja helfen