webForumDet fria alternativet

CSS och länkar

7 svar · 590 visningar · startad av Biasse

BiasseMedlem sedan aug. 2003480 inlägg
#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. :q

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
#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
#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
#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
#5

Förstod det :) Testar vidare

Tackar så mycket /Biasse

BiasseMedlem sedan aug. 2003480 inlägg
#6

Funkade kanon.. Tack voigtann1 :)

BiasseMedlem sedan aug. 2003480 inlägg
#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

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

133 ms totalt · 3 externa anrop · v20260731065814-full.2b84b982
0 ms — hämta forumlista (cache)
0 ms — hämta statistik (cache)
131 ms — hämta tråd, inlägg och bilagor (db)