Du sätter en annan font-size på a i den div:en:
<div id="testdiv"><a href="#">test</a></div>
<style type="text/css">
a
{
font-size: 14px;
}
#testdiv a
{
font-size: 20px;
}
</style>
5 svar · 575 visningar · startad av DanneSt
Hej!
Har efter många om och men gett mig in i den underbara världen av div & css!
(Tack tydal för starthjälpen!) (y)
Lär väl stöta på en hel del småproblem framöver, här är den första...
Jag har en grundstorlek på alla mina länkar (a:link {font-size: 14px}).
Men i en div vill jag ha en annan storlek, hur göra?
Har försökt med att i just den divven sätta en annan textstorlek (font-size: 20px), men det funkar inte.
Jag har försökt klämma in "a:link {font-size: 204px}", men det funkar inte heller...
Hur göra?
Du sätter en annan font-size på a i den div:en:
<div id="testdiv"><a href="#">test</a></div>
<style type="text/css">
a
{
font-size: 14px;
}
#testdiv a
{
font-size: 20px;
}
</style>
Tydals lösning är den mest effektiva i detta fall. Jag måste bara påpeka att det är bra att undvika att bestämma text-storlek med hjälp av pixlar. Det är nämligen så att Internet Explorer (ovanligt va?) inte tillåter användaren att själv ändra text-storlek om den är angiven i pixlar. Använd istället ems eller procent.
Läs mer om detta på A list apart.
Om du vill att storleken på länkarna ska vara samma som texten behöver du aldrig ange textstorlek på länkarna direkt. Textstorlek ärvs och därför behöver du bara ange det på det element som innehåller den text du vill ändra textstorlek på. Tex:
/* grundstorlek på all text */
html { font-size:87.5%; }
/* annan textstorlek på en viss div (som råkar innehålla länkar) */
#foo { font-size:200%; }
Toppen alla, tack ska Ni ha för tipsen! :-)
Har efter ditt inlägg "Slaktad" ändrat enheterna till em! Funkar ju kanon det med! ;-)