ERLEDIGT
NEIN
NEIN
ANTWORTEN
3
3
ZUGRIFFE
1096
1096
EMPFEHLEN
-
Hi,
ich hab mir eine Navigation gebastelt zur Location auswahl.
Das ganze ist eine Liste (<li>) welche ich mit dem CSS Befehl (display: inline
so formatiert hab, das der Punkt wegfällt, und die BEfehle nacheinander in Reihe angezeigt werden.
Nun hab ich die Liste einfach in mehrere Zellen einer Tabellegesplittet.
Die Links ändern beim Mouseover bereits ihre Farbe, allerdings möchte ich auch gerne, dass sie die Zelle, in welcher der Link steht, ihre Farbe ändert -> siehe PHP MyAdmin
Danke schon mal im Vorraus
Gruß
Patrick
-
28.01.04 21:37 #2Maik Tutorials.de Gastzugang
Hi LordSikon,
diese Technik sollte dir weiterhelfen:
PHP-Code:<html>
<head>
<title>:::exchange.className:::</title>
<style type="text/css">
td.normal
{
width:150px;
height:16px;
border-width:2px;
border-style:groove;
border-color:#445566;
font-family:verdana;
font-size:10px;
color:#ddeeff;
padding-left:10px;
cursor:hand;
}
td.hover
{
width:150px;
height:16px;
background-color:#1E5982;
border-width:2px;
border-style:groove;
border-color:#445566;
font-family:verdana;
font-size:10px;
color:#ddeeff;
text-align:right;
padding-right:10px;
cursor:hand;
</style>
</head>
<body bgcolor="#112233">
<table width=150>
<tr>
<td class="normal"
onMouseOver="this.className='hover';"
onMouseOut="this.className='normal';"> item 1
</td>
</tr>
<tr>
<td class="normal"
onMouseOver="this.className='hover';"
onMouseOut="this.className='normal';"> item 2
</td>
</tr>
<tr>
<td class="normal"
onMouseOver="this.className='hover';"
onMouseOut="this.className='normal';"> item 3
</td>
</tr>
<tr>
<td class="normal"
onMouseOver="this.className='hover';"
onMouseOut="this.className='normal';"> item 4
</td>
</tr>
<tr>
<td class="normal"
onMouseOver="this.className='hover';"
onMouseOut="this.className='normal';"> item 5
</td>
</tr>
</table>
</body>
</html>
-
Das Menue gefällt mir sehr gut.
Ich habe jetzt probiert, einen Link einzufügen:
<td class="normal"
onMouseOver="this.className='hover';"
onMouseOut="this.className='normal';"><a href="http://www.tutorials.de"> item 1 oder noch mehr Text</a>
</td>
Jetzt bekomme ich allerdings immer eine Konflikt mit a:Visited der mir die ganze Optik zerschießt. Der Link wird dann lila mit Unterstrich dargestellt.
Füge ich:
a:visited {font-family: verdana; color:#ffffff; text-decoration:none;}
a:hover { font-family: verdana; color:rgb(46,89,126); text-decoration:none; }
a:active { font-family: verdana; color:rgb(46,89,126); text-decoration:none; }
a:link { font-family: verdana; color:#ffffff; text-decoration:none; }
a: { font-family: verdana; color:#ffffff; text-decoration:none; }
in die Style-Angaben mit ein, wird der Link nur bei direktem überfahren und nicht bereits beim überfahren der Tabellenzelle richtig dargestellt.
Jemand einen Tipp wie ich das mit dem Link hin bekomme?
Besten Dank im voraus
Gruß
TommyDr
-
Laut SelfHTML muss das a-Tag in folgender Reihenfolge definiert werden:
a {}
a:link {}
a:visited {}
a:hover {}
a:active {}
Hoffe, der Tipp hilft dir...
Ähnliche Themen
-
Hover Menü und Bild Hover
Von GFENONO im Forum CSSAntworten: 9Letzter Beitrag: 05.12.07, 17:18 -
Hintergrund von Tabellenzellen bei a:hover ändern
Von herrgarnele im Forum CSSAntworten: 8Letzter Beitrag: 28.11.06, 13:32 -
Problem mit einblenden eines DIV mittels hover unter IE
Von julchen im Forum CSSAntworten: 5Letzter Beitrag: 12.07.06, 12:44 -
Mittels CSS Bild erscheinen lassen, bei Hover über Textfeld.
Von cssanfängel im Forum CSSAntworten: 14Letzter Beitrag: 18.04.05, 18:43 -
Maus Effekte! Text hinter der Maus
Von Ultra_Flasher im Forum Flash PlattformAntworten: 2Letzter Beitrag: 06.09.01, 00:39
Login
