Kom ihåg mig?
Home Menu

Menu


Göra en bil länkbar i css filen.

Ämnesverktyg Visningsalternativ
Oläst 2009-10-05, 18:32 #1
xciso xciso är inte uppkopplad
Mycket flitig postare
 
Reg.datum: Jul 2006
Inlägg: 569
xciso xciso är inte uppkopplad
Mycket flitig postare
 
Reg.datum: Jul 2006
Inlägg: 569
Standard Göra en bil länkbar i css filen.

Tja.
Jag har en reklambild i vänster colum på min sida.
Bilden är inlagd som bakgrund i css filen.
Hur gör jag för att göra den länkbar direkt i css filen?

Tack på förhand.

EDIT. Om någon kan döpa om tråden till "bild" och inte "bil" så vore det bra

Senast redigerad av xciso den 2009-10-05 klockan 18:33 Anledning: Felstavning
xciso är inte uppkopplad   Svara med citatSvara med citat
Oläst 2009-10-05, 18:42 #2
nosnaj nosnaj är inte uppkopplad
Har WN som tidsfördriv
 
Reg.datum: Mar 2005
Inlägg: 1 012
nosnaj nosnaj är inte uppkopplad
Har WN som tidsfördriv
 
Reg.datum: Mar 2005
Inlägg: 1 012
Du får skapa länken i html-filen.
I CSS-filen kan du bara ange utseendet på länken/bilden, inte skapa länkar av olika element.
nosnaj är inte uppkopplad   Svara med citatSvara med citat
Oläst 2009-10-05, 22:05 #3
Jines avatar
Jine Jine är inte uppkopplad
Har WN som tidsfördriv
 
Reg.datum: Feb 2005
Inlägg: 1 032
Jine Jine är inte uppkopplad
Har WN som tidsfördriv
Jines avatar
 
Reg.datum: Feb 2005
Inlägg: 1 032
Skapa en länk (a-tag) som har 100% width och height av sitt parent element (wrapper diven som bakgrunden ligger i)

Det kommer "göra" bilden klickbar, till funktionen iaf.
Jine är inte uppkopplad   Svara med citatSvara med citat
Oläst 2009-10-05, 22:55 #4
kw_wasabis avatar
kw_wasabi kw_wasabi är inte uppkopplad
Klarade millennium-buggen
 
Reg.datum: Feb 2008
Inlägg: 2 134
kw_wasabi kw_wasabi är inte uppkopplad
Klarade millennium-buggen
kw_wasabis avatar
 
Reg.datum: Feb 2008
Inlägg: 2 134
Hoppas jag har fått med allt i koden nedanför. På det här sättet gör du hela området som DIV:en utgör klickbart. Om bakgrundsbilden fyller hela DIV:en så funkar detta exempel utmärkt. Fyller inte bilden/bakgrunden hela DIV:en så kan du trixa lite med höjd- och breddprocenten, samt kanske köra lite margins och paddings m.m.

HTML
<div class="title">
<a href="index.asp"></a>
</div>

CSS
.title {
width: 800px;
height: 200px;
background: url(rubrikbild.jpg) no-repeat;
}
.title a {
display: block;
height: 100%;
width: 100%;
}

Senast redigerad av kw_wasabi den 2009-10-05 klockan 23:02
kw_wasabi är inte uppkopplad   Svara med citatSvara med citat
Oläst 2009-10-06, 08:22 #5
StefanBergfeldts avatar
StefanBergfeldt StefanBergfeldt är inte uppkopplad
Bara ett inlägg till!
 
Reg.datum: Sep 2004
Inlägg: 1 535
StefanBergfeldt StefanBergfeldt är inte uppkopplad
Bara ett inlägg till!
StefanBergfeldts avatar
 
Reg.datum: Sep 2004
Inlägg: 1 535
Varför inte bara

HTML
<a href="index.asp" class="title"></a>

CSS
.title {
display: block;
width: 800px;
height: 200px;
background: url(rubrikbild.jpg) no-repeat;
}
StefanBergfeldt är inte uppkopplad   Svara med citatSvara med citat
Oläst 2009-10-06, 17:06 #6
xciso xciso är inte uppkopplad
Mycket flitig postare
 
Reg.datum: Jul 2006
Inlägg: 569
xciso xciso är inte uppkopplad
Mycket flitig postare
 
Reg.datum: Jul 2006
Inlägg: 569
Tusen tack..
Funkade precis som jag ville..
Att jag inte fått detta att fungera förut är konstigt/dåligt/slarvigt..

Åter igen.. TACK!
xciso är inte uppkopplad   Svara med citatSvara med citat
Svara

Taggar
css


Aktiva användare som för närvarande tittar på det här ämnet: 1 (0 medlemmar och 1 gäster)
 

Regler för att posta
Du får inte posta nya ämnen
Du får inte posta svar
Du får inte posta bifogade filer
Du får inte redigera dina inlägg

BB-kod är
Smilies är
[IMG]-kod är
HTML-kod är av

Forumhopp


Alla tider är GMT +2. Klockan är nu 17:13.

Programvara från: vBulletin® Version 3.8.2
Copyright ©2000 - 2025, Jelsoft Enterprises Ltd.
Svensk översättning av: Anders Pettersson
 
Copyright © 2017