Fjerne understrek på link

Fjerne understrek på link

Innleggav pølsa » ons 14.10.2009 12:38

Hei, holder fortsatt på å lære meg html, og har i den forbindelse kommet frem til at jeg tenkte jeg skal lage en liste med linker mellom de forskjellige sidene på testweben

har laget en <div> som jeg har kalt menu, css for menu ser slik ut:
Kode: Merk alt
.menu {color:white;
   font-family: Verdana;
   font-size: 12pt;
   text-align: center;
   text-decoration:none;}

og i HTML-filen er menyen laget slik:
Kode: Merk alt
<div class= "menu";>
   <a href="index.html">|&nbsp <b>Forsiden</b>&nbsp|</a>
   <a href="side2.html">&nbsp Baksiden&nbsp|</a>
   <a href="side3.html">&nbsp Side3&nbsp|</a>
</div>

Alt er rett untatt text-decoration, jeg laget den samme menyen i en tabell, og dette fungerte utmerket, understekingen ble borte og gode greier, men nå ser det ut som om jeg har gjort en feil, noen som kan guide meg inn på rett spor?

Brukerens avatar
medlem i 183 måneder
 

Re: Fjerne understrek på link

Innleggav rockphotog » ons 14.10.2009 14:25

Du kan definere link, visited, hover og active, eksempelvis

.menu:link {text-decoration: none; }

Brukerens avatar
medlem i 137 måneder
 

Re: Fjerne understrek på link

Innleggav pølsa » ons 14.10.2009 19:09

fant ut at det fungerte når jeg la til menu inne i linktaggen så den ble slik:
<a class="menu" href...>
men synes likevel det er litt rart at det ikke holdt med den første

Brukerens avatar
medlem i 183 måneder
 

Re: Fjerne understrek på link

Innleggav Jesper Karsrud » søn 25.10.2009 22:12

En div har ikke en text-decoration-egenskap å manipulere, derfor fungerer det ikke slik du gjorde det først. Det du derimot kan gjøre er dette:
Kode: Merk alt
.menu a {
    color:white;
    font-family: Verdana;
    font-size: 12pt;
    text-align: center;
    text-decoration:none;
}

Dette betyr at alle child-elementer av typen a innenfor elementet med klassen .menu vil få de egenskapene du har satt.

En ting jeg føler det er verdt å nevne er det faktum at du har en liste med linker, men du har ikke satt de opp i en liste. Dette handler egentlig kun om semantikk, men det kan det jo alltids være greit å væe obs på uansett :)

Brukerens avatar
medlem i 170 måneder
 


Returner til XHTML/HTML



Hvem er i Forumene

Registrerte brukere: Google [Bot]