Gå til innhold

Hvordan fjerne rammer rundt bildelenker?


Anbefalte innlegg

Heisann!

 

Jeg har et lite problem når det gjelder å gjøre bilder om til lenker. Hvordan fjerne rammen som oppstår når jeg definerer bildet som lenke? Og hvorfor forandrer plasseringen av bildene seg?

 

Slik skal siden egentlig se ut.

Men den blir seende slik ut når jeg setter på lenke-koder.

 

Slik ser HTML-koden ut:

<p class="sistenytt">Siste bilder</p>
<div id="bilde_hoyre_1"><a href="#"><img src="../bilder/alex.jpg" alt="Alex"/></a></div>
<div id="bilde_hoyre_2"><a href="#"><img src="../bilder/julia.jpg" alt="Julia"/></a></div>
<div id="bilde_hoyre_3"><a href="#"><img src="../bilder/kaja.jpg" alt="Kaja"/></a></div>
<div id="bilde_hoyre_4"><a href="#"><img src="../bilder/torandre.jpg" alt="Tor Andre"/></a></div>

 

Og her er CSS-koden:

div#bilde_hoyre_1 {
float: right;
position: relative; 
top: 3px;
left: 0px;
background: #DADADA;
text-align: left;
width: 65px;
height: 65px;
padding: 0px;
margin-left: -10px;
border-width: 0;
border-style: none;

}


div#bilde_hoyre_2 {
float: right;
position: relative; 
top: 85px;
left: 55px;
background: #DADADA;
text-align: left;
width: 65px;
height: 65px;
padding: 0px;
margin-left: -10px;
}


div#bilde_hoyre_3 {
float: right;
position: relative; 
top: 20px;
left: -75px;
background: #DADADA;
text-align: left;
width: 65px;
height: 65px;
padding: 0px;
margin-left: -10px;
}


div#bilde_hoyre_4 {
float: right;
position: relative; 
top: -62px;
left: -20px;
background: #DADADA;
text-align: left;
width: 65px;
height: 65px;
padding: 0px;
margin-left: -10px;
}

 

 

På forhånd takk! :)

Lenke til kommentar
Videoannonse
Annonse

Opprett en konto eller logg inn for å kommentere

Du må være et medlem for å kunne skrive en kommentar

Opprett konto

Det er enkelt å melde seg inn for å starte en ny konto!

Start en konto

Logg inn

Har du allerede en konto? Logg inn her.

Logg inn nå
×
×
  • Opprett ny...