Unterstriche ausschalten
#1
Ich hab nun ne erweiterte frage zu diesem Thema:
Ich will nun die unterstriche nur bei einigen Links ausschalten und nicht bei allen.
Gibt es eine Möglichkeit einzelne Links durch ein Styleelement zu formatieren ohne, dass ich es im Head festlegen muss bzw. dass ich mit javascript arbeiten muss?

mfg

Fertas
Zitieren
#2
Hi,

wenn Du die Links mit einer Class versiehst, oder aber das Elternelement nutzt, kannst Du Links recht individuell gestalten.

etwa so...

[HTML]<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=ISO-8859-1">

<title>Untitled</title>

<style type="text/css">
body {
background-color: #f7f7f7;
font-family: Verdana, Arial;
font-size: 12px;
color: #000000;
}

.zellea a {
font-family: Verdana, Arial;
font-size: 12px;
color: red;
text-decoration: none;
}
.zellea a:hover {
color: green;
text-decoration: underline;
}

.zelleb a {
font-family: Verdana, Arial;
font-size: 12px;
color: #cc9900;
text-decoration: underline;
padding: 5px;
}
.zelleb a:hover {
color: #990000;
text-decoration: none;
background-color: #ffcc00;
}

.normal {
font-family: Verdana, Arial;
font-size: 15px;
color: #000000;
text-decoration: underline;
}
.normal:hover {
color: #990000;
text-decoration: none;
}
</style>

</head>
<body>


<table cellspacing="4" cellpadding="4" border="1">
<tr>
<td class="zellea"><a href="#">Link 1</a></td>
<td class="zelleb"><a href="#">Link 2</a></td>
</tr>
</table>
<br><br>

<a class="normal" href="#">anderer Link</a>


</body>
</html>[/HTML]

Cu Helmut
Zitieren
#3
Vielen Dank für die umfangreiche antwort Wink
Zitieren