Gå til innhold

Legge link på bilde i css?


Anbefalte innlegg

Skrevet

Hvordan gjør jeg det?

 

feks at jeg skriver:

 

HTML

<div id="bilde">
</div>

 

CSS

background-image: url("noe her dått giff");
background-repeat: no-repeat;
position: absolute;
top: 131px;
left: 160px;
z-index: 5;
height: 400px;
width: 49px;

 

Men i tillegg så vil jeg si at dette bildet skal ha en link på seg, og jeg vil gjøre det i css. Lar det seg gjøre?

 

På forhånd takk :)

Videoannonse
Annonse
Skrevet (endret)

Om det er et bilde som er en del av innholdet, skal du bruke img elementet. Derimot, er det en del av layout/design så skal du style et a element, f eks slik som polecat viser under her ;)

Endret av arve87
Skrevet (endret)

Ikke vha css nei, lenken må defineres i HTML-koden.

 

a#bildelenken {
display: block;
background-image: url("noe her dått giff");
background-repeat: no-repeat;
position: absolute;
top: 131px;
left: 160px;
z-index: 5;
padding: 400px 0 0 0;
height: 0 !important;
height /**/ : 400px;
width: 49px;
}

 

<a id="bildelenken" href="http://www.w3p.com/">Hvor fører denne lenken hen mon tro?">

 

EDIT: Ca det arve sa, bare at min metode fjerner teksten. ;)

Endret av PoleCat
Skrevet

Ok men hva om jeg bruker dette bildet som bakrunn?

 

feks :

 

body

{

background-image: url("Bilder/nanbjor.tk.gif");

background-repeat: no-repeat;

position: absolute;

top: 100px;

left: 100px;

z-index: 6;

width: 600px;

height: 600px;

}

 

funker det?

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å
  • Hvem er aktive   0 medlemmer

    • Ingen innloggede medlemmer aktive
×
×
  • Opprett ny...