hallo,
ich bin neu hier, und damit ein noob.. habt daher Geduld mit mir ;)
Also ich hab folgendes Problem:
ich habe mir eine Menüleiste zusammengebastelt:
wenn ein link angeklickt wird, soll ein Hintergrundbildwechsel erfolgen, der Text zentriert darüber erscheinen. leider funktioniert das nicht. offenbar wird durch die display:block funktion der Text versetzt. was ich meine seht ihr hier:
http://grasi.gr.ohost.de/button.JPG
wie kann ich es erreichen, das der text wieder zentriert angezeigt wird??
Hier der Css code:
ich bin neu hier, und damit ein noob.. habt daher Geduld mit mir ;)
Also ich hab folgendes Problem:
ich habe mir eine Menüleiste zusammengebastelt:
Code:
<div id="menuleiste">
<table border="0" cellpadding="0" cellspacing="0" id="menutable">
<tr>
<td>[url="#"]Unternehmen[/url]</td>
<td>[url="#"]Leistungen[/url]</td>
<td>[url="#"]Referenzen[/url]</td>
<td>[url="#"]Impressum[/url]</td>
<td>[url="#"]Kontakt[/url]</td>
</tr>
</table>
</table>wenn ein link angeklickt wird, soll ein Hintergrundbildwechsel erfolgen, der Text zentriert darüber erscheinen. leider funktioniert das nicht. offenbar wird durch die display:block funktion der Text versetzt. was ich meine seht ihr hier:
http://grasi.gr.ohost.de/button.JPG
wie kann ich es erreichen, das der text wieder zentriert angezeigt wird??
Hier der Css code:
Code:
#menuleiste{
margin: 0 auto;
border-collapse:collapse;
width: 850px;
height: 38px;
background: url(buttonleiste2.jpg) no-repeat 0;
}
#menutable{
margin: 0 auto;
}
#menutable td{
width: 125px;
height: 38px;
text-align:center;
/* border:black solid 1px;*/
}
#menutable td a{
color:#666666;
font-family: Arial, Helvetica, sans-serif;
font-size: 14px;
/*font:bold 14px arial, sans-serif;*/
vertical-align: middle;
text-decoration:none;
font-style: normal;
font-weight: bold;
}
#menutable td a:hover{
color: #996666;
}
#menutable td a:active{
width: 125px;
height: 38px;
display:block;
color: #996666;
background-image:url(button_press.jpg);
text-align: center;
vertical-align: middle;
}