verschiedene linkstyles

[hummelmann]

hi!

wie kann ich in einer html-datei für verschiedene links verschiede styles verwenden?

sprich: einmal nen link beim hoovern unterstreichen, bei einem anderen dann aber keine veränderung beim hoovern!

danke

[mrhappiness]

<style type="text/css">
a:hover
{
    text-decoration:underline;
    color:black;
    background:white;
}
a.nix:hover
{
    text-decoration:none;
}
</style>

<a href="http://www.inter.net">Link 1</a>
<br />
<a class="nix" href="http://www.inter.net">Link 2</a> 

[hummelmann]

jau, danke!
ging ja echt fix

[hummelmann]

Nochwas:

wenn ich in einer tabellenzelle nen mouseovereffekt haben will nach dem motto

<td bgcolor=\"$tabnorm\" onmouseover=\"this.style.backgroundColor='$tabnorm1';\" onmouseout=\"this.style.backgroundColor='$tabnorm';\"> 

dann ändert sich ja beim hoovern der hintergrund!
kann ich da auch einstellen, dass sich die textfarbe oder (was is eigentlich das was ich wissen will) die farbe von links beim hoovern ändert?

danke

[mrhappiness]

kannst du *g*

bei links einfach ds background:farbwert weglassen, dann ändert sich nur die farbe in den per color:farbwert beschriebenen wert

wahrscheinlich geht auch oben stehendes beispiel von mir auch, wenn du im css-teil statt a:hover td:hover einsetzt, probiers einfach mal aus

[hummelmann]

krieg ich nich hin!

ich habs mit css aber auch nich so drauf!

vielleicht hab ichs auch ungenau formuliert: die linkfarbe soll sich auch ändern, wenn ich nur über die zelle hover, nicht erst beim fahren über den link!

thx

[mrhappiness]

probier mal

<style type="text/css">
td:hover{display:block;}
td:hover a{color:red;}
<table>
    <tr>
        <td><span class="tabelle">bla bla bla <a href="#">test</a></span></td>
        <td>bla</td>
    </tr>
</table> 

sieht aber unschön aus, da er dir danach die zeile umbricht...

<style type="text/css">
span.tabelle:hover a{color:red;}
</style>
<table>
    <tr>
        <td><span class="tabelle">bla bla bla <a href="#">test</a></span></td>
        <td>bla</td>
    </tr>
</table> 

funzt wunderbar... außer im IE, der hat so seine Probleme mit der pseudoklasse hover bei nicht-links...
aber wenn dich das nich stört is ja egal (kannst ja trotzdem ein a:hover festlegen)

[Viper1985]

mann kanns auch so machen, wenn ich dich richtig verstehe
funktioniert super
nur bei teil browsern kommt die hand nich....
für tipps wäre ich dankbar

<td bgcolor="#aaaaaa" onmouseover="style.backgroundColor='#376893'; style.cursor='hand'; document.all.link1.style.setAttribute('color','#ffffff')" onmouseout="style.backgroundColor='#aaaaaa'; document.all.link1.style.setAttribute('color','#000000')" onmousedown="parent.frames['main'].location.href='main.php'"><a href="main.php" id="link1">Home</a></td>

[Viper1985]

bisschen schöner noch mit highlighting:

<td bgcolor="#aaaaaa" onmouseover="style.backgroundColor='#376893'; style.cursor='hand'; document.all.link1.style.setAttribute('color','#ffffff')" onmouseout="style.backgroundColor='#aaaaaa'; document.all.link1.style.setAttribute('color','#000000')" onmousedown="parent.frames['main'].location.href='main.php'"><a href="main.php" id="link1">Home</a></td> 

[mrhappiness]

hat halt den nachteil, dass das nur geht, wenn der user javascript aktiviert hat. (was aber zugegebenermaßen bei den meisten der fall sein wird)

eventuell wäre pointer besser geeignet als cursor-style als hand (zumindest is hand nicht offiziell)