BiasseMedlem sedan aug. 2003480 inlägg Har ju som standard:
A:LINK
{
text-decoration : none;
font-weight : bold;
color : #0000ff;
font-size : 12px;
}
Men går det att lägga in så man har ett val med 2 olika inställningar för detta?
Jag vill inte ha samma fontsize på allt. :q
Vore skönt så slapp man ha olika style.css för det gäller många sidor.
ja. Finns ju flera sätt att lösa det på:
1. Du har en klass på alla länkar som skall vara annolunda
2. sätt en annan id i din body tagg och använd koden:
body#anothercolors a:link {
color : #ff0000;
}
BiasseMedlem sedan aug. 2003480 inlägg Provade så här för att styra det i varje <td>
.rubrikB
{
font-weight : bold;
font-size : 11px;
background-position: top;
background-repeat: repeat-x;
border: 1px solid #d2d2d2;
color: #333333;
font: 10px Verdana;
font-weight : bold;
font-size : 11px;
background-color: #d2d2d2;
line-height : 20px;
padding-left: 4px;
a:link: #0000ff;
a:visited: #0000ff;
a:active: #0000ff;
a:hover: #800000;
}
Det måste ju gå bara man skriver rätt?
Du skriver fel. a:hover är inte en formateringen utan det är ju en tagg a taggen skall ha formatering.
.rubrikB
{
font-weight : bold;
font-size : 11px;
background-position: top;
background-repeat: repeat-x;
border: 1px solid #d2d2d2;
color: #333333;
font: 10px Verdana;
font-weight : bold;
font-size : 11px;
background-color: #d2d2d2;
line-height : 20px;
padding-left: 4px;
}
a.rubrikB:visited, a.rubrikB:active, a.rubrikB:link {
/* grupperar a:visited,active och link */
color: #0000ff;
}
a.rubrikB:hover {
color: #000000;
}
och html koden:
<a href="#somelink" class="rubrikB">detta är en rubrik</a>
BiasseMedlem sedan aug. 2003480 inlägg Förstod det :) Testar vidare
Tackar så mycket /Biasse
BiasseMedlem sedan aug. 2003480 inlägg Funkade kanon.. Tack voigtann1 :)
BiasseMedlem sedan aug. 2003480 inlägg re:
Firefox klarade inte av detta:
a.rubrik:link, a.rubrik:visited, a.rubrik:active
{
text-decoration: none;
color: #0000ff;
font-weight : bold;
}
a.rubrik:hover
{
text-decoration: none;
color: #cc0000;
font-weight : bold;
}
Men så här tog den det:
a.rubrik:link
{
text-decoration: none;
color: #0000ff;
font-weight : bold;
}
a.rubrik:visited
{
text-decoration: none;
color: #0000ff;
font-weight : bold;
}
a.rubrik:active
{
text-decoration: none;
color: #0000ff;
font-weight : bold;
}
a.rubrik:hover
{
text-decoration: none;
color: #cc0000;
font-weight : bold;
}
Det fungera visst med Firefox. ett tips också: Om du bara ska byta färg på texten om när du hovra över den så behöver du inte ha text-decoration eller font-weight då den ärver från a.rubrik:link