Archivlink: javarea.de Forum > (X)HTML & CSS (allgemein) > text mit mozilla center machen
Vollständigen Link anzeigen: javarea.de Forum > (X)HTML & CSS (allgemein) > text mit mozilla center machen
Pages: [1]
| geschrieben von ut2k3 am 28.09.2004 - 17:30 |
hi ich habe folgendes problem ... bei meinem dhtml menu bekomme ich mit mozilla den link text nicht vertical centriert .... ( im ie ist er center ) .... bildlich könnt ihr mein problem auf http://vent.clanserverarea.de sehen ( links mitte das dhtml menu )
hier der queltext :
CSSdatei :
/* 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;
text-align: center
}
#level {
border: 0px solid #000000;
background:inherit;
color: #000000;
overflow: hidden;
position: inherit;
height: auto;
margin: 0 auto;
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;*/
}
dhtml 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>
danke für eure antworten im voraus .... !!! sorry 4 den unübersichtlichen code
|
| geschrieben von okley am 28.09.2004 - 21:24 |
wie möchtest denn das das aussieht?
ist es nicht korrekt wenn die subsubkategorie gegenüber dem elternelement nochmals eingerückt ist?
ich hab im anhang eine htmldatei mit dem modifizierten css, ich denke das war es was du wolltest, wenn nicht dann korrigier micht ;)
note: du musst die datei einfach in html umbennen!
|
| geschrieben von okley am 28.09.2004 - 21:28 |
sorry hat nich geklappt, hier die wirkliche rar-datei mit der datei gepackt...
|
| geschrieben von ut2k3 am 29.09.2004 - 19:38 |
| thx passt so |
|