ja stimmt ... das muss das a noch rein von dem link .... line_menu2#a:hover oder so ähnlich ... habe gerade keine Zeit zum nachschauen ... auf www.jens-zabke.de ist das umgesetzt (ohne Tabellenzellen, nur Texthintergrund), kannst Du Dir das da mal klauen??
Da hat das Menü ein anderen a-css als der Rest der Seite, das ist die interessante Stelle für Dich ;-)
TMENU mit role over Effekt
also jetzt gibt es tatsächlich einen hintergrund, aber der ist nur so groß wie die paddings von dem class .line_menu2 a:hover definiert sind.
demnach hab ich jetzt einfach für die class größere paddings definiert
sieht dann so aus
.line_menu2 { background-color: #efefef; padding-top: 3px; padding-right: 4px; padding-left: 5px; padding-bottom: 3px; border-top: 1px solid #ABABAB}
.line_menu2 a:hover { background-color: #aaaaaa; padding-top: 5px; padding-right: 5px; padding-bottom: 4px;}
.line_menu2_active { background-color: #bcbcbc; padding-top: 3px; padding-right: 4px; padding-left: 5px; padding-bottom: 3px; border-top: 1px solid #ABABAB}
Jetzt sieht das oben und unten gut aus! geht aber immer noch nicht von ganz links nach ganz rechts????
wenn ich den padding-right auf 100px setzte ist der overbalken viel breiter auf der rechten seite, aber er setzt das automatisch hinter den button was somit manchmal zu eine zweizeiligen button beim over wird! ;-) zurzeit sind 4px rechts und 0px links!!!!
kannst mal schauen: www.goetheanum.org das left menü ist es!!!!
Simon
So ähnlich geht das auch mit Tabellen ...
guck mal auf http://www.linet-services.de/ da ist deine Lösung im oberen Menü ... Sorry habe keine Zeit im Moment.
Mein Designer hat mir gerade den aktuellen Stand in Sachen Design zu unserer neuen Webseite gemailt. Da habe ich dann das gleiche Problem ;-) Wenn Du also nicht weiter kommen solltest, kann ich Dir ggf. die nächsten Tage TS und CSS posten.
Tiuri
also ich bin jetzt weiter gekommen... diese funktion nennt sich "display: block" aber so recht funktionieren will es noch nicht!!!
wäre also toll wenn du das noch posten könntest!!!
simon
*An Kopp hau* Man, bin ich ein Depp ....
warum schwer, wenns auch einfach geht ....
<tr bgcolor="#7CB5A5" onMouseOver="this.bgColor='#AECCC4'" onMouseOut="this.bgColor='7CB5A5'"> <td height="25" align="left" valign="middle"><a href="#" class="navi">UNTERNEHMEN</a>
</td></tr>
Hier ein Ausschnitt aus dem Quelltext meines Grafikers. die class definiert lediglich die Schriftart .... der farbwechsel dürfte hiermit ja wohl eindeutig sein ....
speter schriebalso ich bin jetzt weiter gekommen... diese funktion nennt sich "display: block" aber so recht funktionieren will es noch nicht!!!
wäre also toll wenn du das noch posten könntest!!!simon
Mit welchem Browser hast Du das getestet? Ich habe den Internet Explorer 6 (SP1) und Mozilla Firefox 0.8. Und es funktioniert nur im Firefox.
Ich weiß das es auf jedenfall im Firefox und im IE funktioniert! wie es mit opera aussieht weiß ich nicht!
Danke. Bei mir funktioniert es mittlerweile auch im IE und Opera. (Im Opera spinnt nur noch die Positionierung der Layer)
also ich hab schon nur allein das problem mit mozilla und IE... die interpretieren das irgendwie alle nicht gleich...
is zum kotzen!