mboost-dp1
CSS: Problem med at fjerne underline på links
På denne side har jeg en header som skal være et link. Headeren er omkranset af en div og inde i den div har jeg en h1 og en h3 som ikke skal være underlined. Jeg har prøvet en masse forskellige ting, og har fået underline fjernet i Firefox, men IE og Chrome vil stadig ikke, så jeg gør vist et eller andet forkert.
Jeg har som standard sat underline på links næsten i toppen af style.css og i bunden har jeg så forsøgt at fjerne underline på enkelte steder. Er det ikke måden at gøre det på? Som jeg har forstået det, så er det det som står sidst i filen der tæller.
Siden:
http://www.jacobworsoe.dk/
CSS:
http://www.jacobworsoe.dk/style.css
Jeg kan heller ikke få fjernet underline på min <h1 class="article-headline">, undtagen når den er visited :)
Jeg har som standard sat underline på links næsten i toppen af style.css og i bunden har jeg så forsøgt at fjerne underline på enkelte steder. Er det ikke måden at gøre det på? Som jeg har forstået det, så er det det som står sidst i filen der tæller.
Siden:
http://www.jacobworsoe.dk/
CSS:
http://www.jacobworsoe.dk/style.css
Jeg kan heller ikke få fjernet underline på min <h1 class="article-headline">, undtagen når den er visited :)
Du skal sætte:
text-decoration : none;
fx.
Det vil fjerne underline på links der ligger under et element med klassen article-headline.
Husk at sætte det efter:
text-decoration : none;
fx.
.article-headline a {
text-decoration:none;
}
Det vil fjerne underline på links der ligger under et element med klassen article-headline.
Husk at sætte det efter:
/************************* LINKS *********************/
a:link {
color:#963a3a;
text-decoration:underline;
}
a:visited {
color:#963a3a;
text-decoration:underline;
}
a:hover {
color:#B0B0B0;
text-decoration:underline;
}
Kanon, det virker perfekt på den der!
Og med den nye, bedre forståelse for CSS fik jeg også fjernet underline på min header ved at sætte en div uden om det hele:
Og så fjerne underline på links i den div:
Så du skal i hvert fald have mange tak :) CSS er et fedt sprog når det virker :)
Og med den nye, bedre forståelse for CSS fik jeg også fjernet underline på min header ved at sætte en div uden om det hele:
<div class="head">
<a href="http://www.jacobworsoe.dk" title="jacobworsoe.dk">
<div class="header">
<div class="headerwrap">
<h1 class="headertext">jacobworsoe.dk</h1>
<h3 class="headertext">- lidt om online markedsføring og split-test</h3>
</div>
</div>
</a>
</div>
Og så fjerne underline på links i den div:
.head a {
text-decoration:none;
}
Så du skal i hvert fald have mange tak :) CSS er et fedt sprog når det virker :)
Gå til top
Opret dig som bruger i dag
Det er gratis, og du binder dig ikke til noget.
Når du er oprettet som bruger, får du adgang til en lang række af sidens andre muligheder, såsom at udforme siden efter eget ønske og deltage i diskussionerne.
- Forside
- ⟨
- Forum
- ⟨
- Programmering
Gå til bund