problemer med marger og linker i CSS

[Asbjørn H]

Hei. Jeg sliter med å få til marger på linkene på en hjemmeside jeg driver og pusler med. Jeg har følgende kode i CSS-dokumentet:

 

.meny a:link {
font-family: arial, verdana, sans-serif;
font-size: 9pt;
color: aeaeae;
text-decoration: none;
margin-bottom: 10px;
}

Og i HTML/dokumentet har jeg følgende kode:

<span class="meny">
<a href="http://www.vg.no">Link 1</a><br>
<a href="http://www.vg.no">Link 2</a><br>
</span>

 

Det jeg prøver å oppnå med dette er at det skal bli mer mellomrom mellom de to linkene, men det virker ikke av en eller annen grunn. Hvis jeg prøver å gjøre noe som ikke går an å gjøre her, er det kanskje noen som kunne foreslått en annen løsning på problemet?

[KillYou]

etter hva jeg har fått med meg funker ikke margin på linker. tror jeg(les:tror) vist det er feil kanskje noen andre kan rette meg.

 

du kan jo slenge inn en ekstra br?

[Runar0]

du kan jo slenge inn en ekstra br?

8075066[/snapback]

eventuelt display:block;

Endret 4. mars 2007 av Shadows0

[Runar]

Margin funker utmerket på linker, men bruk lister (

og
• ) til menyer. Søk litt rundt her på forumet samt på Google, så finner du mange (og da mener jeg mange) guider og lignende om hvordan du lager gode menyer.

[eigan]

Menyer:

http://css.maxdesign.com.au/listamatic/

 

Men kan du ikke bruke padding-bottom?

Margin er jo for å flytte hovedobjektet vekk, men Padding flytter du andre ting vekk fra hovedobjektet... (noe i den duren)

[Runar]

The CSS margin properties define the space around elements.

The CSS padding properties define the space between the element border and the element content.

 

Fra W3Schools.

 

Har du en enkel div med tekst, og du setter padding til f.eks. 10 pixler, dyttes teksten 10 pixler fra kanten.

Endret 5. mars 2007 av Runar

[Asbjørn H]

Tusen takk for hjelpen alle sammen