+- Juergens-Workshops.de Forum (https://forum.juergens-workshops.de)
+-- Forum: HTML und Co (https://forum.juergens-workshops.de/forumdisplay.php?fid=62)
+--- Forum: CSS und Javascript (https://forum.juergens-workshops.de/forumdisplay.php?fid=86)
+--- Thema: Unterstriche ausschalten (/showthread.php?tid=20747)
Unterstriche ausschalten - Fertas - 24.09.2006
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
Unterstriche ausschalten - Helmut - 25.09.2006
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
Unterstriche ausschalten - Fertas - 20.10.2006
Vielen Dank für die umfangreiche antwort
