CSS och länkar

7 svar · 592 visningar · startad av Biasse 8 apr. 2008

BiasseMedlem sedan aug. 2003480 inlägg

Frågan8 apr. 2008 12:18#1

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.

Vore skönt så slapp man ha olika style.css för det gäller många sidor.

voigtann1Medlem sedan juni 20019 519 inlägg

8 apr. 2008 12:24#2

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

8 apr. 2008 12:33#3

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?

voigtann1Medlem sedan juni 20019 519 inlägg

8 apr. 2008 12:36#4

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

8 apr. 2008 12:39#5

Förstod det Testar vidare

Tackar så mycket /Biasse

BiasseMedlem sedan aug. 2003480 inlägg

8 apr. 2008 13:04#6

Funkade kanon.. Tack voigtann1

BiasseMedlem sedan aug. 2003480 inlägg

8 apr. 2008 13:51#7

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;
}

voigtann1Medlem sedan juni 20019 519 inlägg

8 apr. 2008 14:01#8

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