webForumDet fria alternativet

Alla länkar bli så här.

HTML & CSS

8 svar · 704 visningar · startad av Akerlundh

Medlem sedan maj 20031 682 inlägg
Frågan#1

Om jag har en länk på sidan som ser ut så här.

<a href="#" class="alt1">Länk</a>

Så använder jag mig utav följande kod.

.alt4, a:link, a:active, a:visited {
	font-family: Verdana;
	font-size: 24px;
	font-weight: normal;
	letter-spacing: 2px;
	text-align: center;
}
.alt3, a:link, a:active, a:visited {
	font-family: Verdana;
	font-size: 20px;
	font-weight: normal;
	letter-spacing: 1px;
	text-align: center;
}
.alt2, a:link, a:active, a:visited {
	font-family: Verdana;
	font-size: 16px;
	font-weight: bold;
	text-align: center;
} 
.alt1, a:link, a:active, a:visited {
	font-family: Verdana;
	font-size: 14px;
	font-weight: normal;
	text-align: center;
}

Så alla länkar som har en class med alt1, alt2, alt3, alt4 ska ha det typsnittet som jag angivit där ovan. Och alla andra länkar ska se ut så här.

a:active, a:link, a:visited {
	font-family: verdana,arial,helvetica,sans-serif;
	font-size: 12px;
	color: #000000;
	text-decoration:none;
	font-weight:bold;
}
a:hover {
	font-family: verdana,arial,helvetica,sans-serif;
	font-size: 12px;
	color: #000000;
	text-decoration:underline;
}

Men saken är den att alla länkar använder sig utav alt2 eller om det är alt3. Men jag vill bara att det är dom länkarna som jag har skrivit att classen ska va alt1 eller alt2 osv som ska använda sig utav det teckensnitten. Men hur gör jag för att det ska funkar riktigt.

Jag har nog förklarat jätte dåligt, men är helt slut nu suttit och försökt hela kvällen.

Medlem sedan aug. 20039 340 inlägg
#2
a.alt4 {
	font-family: Verdana;
	font-size: 24px;
	font-weight: normal;
	letter-spacing: 2px;
	text-align: center;
}
a.alt3 {
	font-family: Verdana;
	font-size: 20px;
	font-weight: normal;
	letter-spacing: 1px;
	text-align: center;
}
a.alt2 {
	font-family: Verdana;
	font-size: 16px;
	font-weight: bold;
	text-align: center;
} 
a.alt1 {
	font-family: Verdana;
	font-size: 14px;
	font-weight: normal;
	text-align: center;
}

Kommatecken anger att allt som definieras av uttrycken kommer att få den stil du anger. Alltså kommer .alt4 och a:link och a:active och a:visited få attributen i första stycket. Med andra ord, alla länkar får alla attribut, och allt krockar.
Min rekommendation är a.altx som gör det du vill.

Medlem sedan maj 20031 682 inlägg
#3

nitro2k01 skrev:

a.alt4 {
	font-family: Verdana;
	font-size: 24px;
	font-weight: normal;
	letter-spacing: 2px;
	text-align: center;
}
a.alt3 {
	font-family: Verdana;
	font-size: 20px;
	font-weight: normal;
	letter-spacing: 1px;
	text-align: center;
}
a.alt2 {
	font-family: Verdana;
	font-size: 16px;
	font-weight: bold;
	text-align: center;
} 
a.alt1 {
	font-family: Verdana;
	font-size: 14px;
	font-weight: normal;
	text-align: center;
}

Kommatecken anger att allt som definieras av uttrycken kommer att få den stil du anger. Alltså kommer .alt4 och a:link och a:active och a:visited få attributen i första stycket. Med andra ord, alla länkar får alla attribut, och allt krockar.
Min rekommendation är a.altx som gör det du vill.

Testade använda den kod du skrev. Men då blir länkarna precis som alla andra länkar på sidan så den använde ingenting utav den koden du skriv utan istället den vanliga koden som jag har till dom övriga länkarna.

Medlem sedan okt. 2004636 inlägg
#4

Testa detta:

.alt1 a:link, .alt1 a:active, .alt1 a:visited {
font-family: Verdana;
font-size: 14px;
font-weight: normal;
text-align: center;
}

Du måste ange rätt class-attribut för varje värde i länken, inte bara f ö r själva länken.

Eller varför inte detta som ger samma värden som koderna här ovanför:

.alt1 a:link, .alt1 a:active, .alt1 a:visited {font: normal 14px verdana; text-align:center;}

En fråga bara, varför anger du inte också alternativa typsnitt? Jag har ingen susning om alla datorer har verdana, troligtvis är det så, men om de finns några som inte har det vilken font ska de då använda? (närmast standard från verdana)

Medlem sedan nov. 20051 596 inlägg
#5

Jag har varit med om det också att a: tar över när man har den som du har. Jag skulle testa med detta, där jag har rensat bort det som inte ska behövas.

a:active, a:link, a:visited {
	font: 12px verdana arial helvetica sans-serif;
	color: #000;
	text-decoration:none;
	font-weight:bold;
}
a:hover {
	text-decoration:underline;
}
#namnetpådivven .alt4 {
	font-size: 24px;
	letter-spacing: 2px;
	text-align: center;
}
#namnetpådivven .alt3  {
	font-size: 20px;
	letter-spacing: 1px;
	text-align: center;
}
#namnetpådivven .alt2  {
	font-size: 16px;
	font-weight: bold;
	text-align: center;
} 
#namnetpådivven .alt1  {
	font-size: 14px;
	text-align: center;
}
Medlem sedan maj 20031 682 inlägg
#6

Tanten: Din kod funkade men länkarna blir inte centrerade utav min kod "text-align: center;"

Medlem sedan nov. 20051 596 inlägg
#7

Har du satt någon bredd på det som länken finns i?

Medlem sedan maj 20031 682 inlägg
#8

tanten skrev:

Har du satt någon bredd på det som länken finns i?

Jag ångrar mig och gör som jag ville ha det ifrån början.

Då vill jag ha så att h1, h2 ,h3, h4 texter inte ändras även om dom är länkar hur gör jag då? För det va ju så jag ville ha det ifrån början och tycker de va snyggast...!

Hur gör jag då för att få detta att funkar?

Medlem sedan nov. 20051 596 inlägg
#9

Nu förstår jag nog inte vad du menar... Vad händer om du sätter <h1> omkring en av dina länkar? Om du har mitt förslag med css, menar jag...

254 ms totalt · 4 externa anrop · v20260731065814-full.a51de22e
120 ms — deklarationer (db)
0 ms — hämta statistik (cache)
131 ms — hämta tråd, inlägg och bilagor (db)
120 ms — ändringar (db)