11 svar · 867 visningar · startad av Yoda
Jag vill att a:link{color: #000000; text-decoration: none;} ska gälla för samtliga länkar utom på vissa få bestämda ställen där jag vill att länkarna ska vara understrukna.
Hur skriver jag det?
<style type="text/css">
a:link{color: #000000; text-decoration: none;}
a.speciallink{text-decoration: underline;}
</style>
<a href="url">Vanlig</a><br />
<a href="url">Vanlig</a><br />
<a class="speciallink" href="url">Understruken</a><br />
<a href="url">Vanlig</a><br />
Fungerar inte. Nu har jag skrivit så här:
a:link{color: #000000; text-decoration: none;}
a:visited{color: #000000; text-decoration: none;}
a:hover{color: #999999;}
a:active{text-decoration: underline;}
a.speciallink{text-decoration: underline;}
<td><a class="speciallink" href="#">11</a></td>
Fler förslag?
Hmm, ska kolla lite
/red: Jag får både nitros och ditt att fungera, vad menar du med att det inte fungerar?
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Untitled Document</title>
<style>
a:link{color: #000000; text-decoration: none;}
a:visited{color: #000000; text-decoration: none;}
a:hover{color: #999999;}
a:active{text-decoration: underline;}
a.speciallink{text-decoration: underline;}
</style>
</head>
<body>
<table>
<tr><td><a href="#">Utan</a></td></tr>
<tr><td><a class="speciallink" href="#">Med</a></td></tr>
<tr><td><a href="#">Utan igen</a></td></tr>
</table>
</body>
</html>
Det är söndagen den 11 som ska vara understruken.
Har testat ditt exempel ovan och det fungerar inte heller hos mig...Kan det vara Explorer 6.0 som är anledningen?
Den är understruken hos mig:
Mac OS X, Camino
Testa att lägga ett mellanslag i stilmallen:
a.speciallink
till
a .speciallink
eller, om du bara kommer att ha en enda sån länk på varje sida, gör ett ID istället för class:
<a id="speciallink" href="#">11</a>
och i stilmallen:
a #speciallink{text-decoration: underline;}
eller stilsätt cellen:
<td id="speciallink"><a href="#">11</a></td>
och i mallen:
#speciallink a {text-decoration: underline;}
eller nåt sånt....
css
Så här ser min css ut.
body
{
margin: 0;
padding: 0;
text-align: center;
background-color: #CFE4CD;
font-family: Verdana;
font-size: 11px;
}
#centrering
{
width: 720px;
background-color: #A2CD9E;
text-align: left;
border: 1px solid #000000;
margin-top: 15px;
margin-bottom: 15px;
}
#sidhuvud
{
width: 720px;
}
#meny
{
float: left;
width: 98px;
padding: 10px;
border-top: 1px solid #000000;
}
#text
{
float: left;
width: 380px;
background-color: #FFFFFF;
padding: 10px;
border-left: 1px solid #000000;
border-right: 1px solid #000000;
border-top: 1px solid #000000;
}
#hoger
{
float: left;
width: 180px;
padding: 10px;
border-top: 1px solid #000000;
}
a:link{color: #000000; text-decoration: none;}
a:visited{color: #000000; text-decoration: none;}
a:hover{color: #999999;}
a:active{text-decoration: underline;}
a.speciallink{text-decoration: underline;}
img {border: 1px solid #000000;}
#imgspec{border: 0px;}
Märker också att min margin-bottom: 15px; i #centrering inte heller fungerar...
Inte visste jag att det fanns så många olika varianter att skriva det på. :)
Ingen av dem fungerar i Explorer tyvärr. Fast jag har testat lite snabbt nu bara, kan ha gjort fel. Ska testa mer i morgon.
Om du sätter tillbaka den som class istället för id kan du göra såhär:
td a.speciallink {text-decoration: underline;}
Som jag ser i IE6 och FF så kan du göra på följande sätt
<td class="speciallink"><a href="#">11</a></td>
eller
<td><a class="speciallink" href="#">11</a></td>
css: .speciallink {text-decoration: underline;}
Går också göra samma sak med
<td id="speciallink"><a href="#">11</a></td>
eller
<td><a id="speciallink" href="#">11</a></td>
css: #speciallink {text-decoration: underline;}
men då bör du bara använda det en gång på sidan.
Jag ser nu att du har lite andra fel som gör att man inte kan validera din css. Och kan få IE att tolka sidan fel.
<link href="style_grodan.css" rel="stylesheet" type="text/css">ska ha />-slut
Samma sak med dina img-taggar.
Sedan har du en väldigt konstig img-tagg
<img src="images\IMG_7150"> Konstigt att IE visar den. ;)
ska vara <img src="images/IMG_7150.jpg" alt="någonting" />
Ändra det och validera sidan och css efter det. Din underline fungerar i FF nu, men inte i IE. Det ska den göra. :)