Forum > Klientspråk > HTML, XHTML, DHTML
Hejsan, jag undrade ifall detta är ett fel sätt att sätta en länk på en DIV?
<div align="center" class="divProduct" style="background-image:url(universitet.jpg)"
onClick="location.href='default.asp?page=showProduct&id=9';"></div>
eller finns det något bättre sätt?
nackdelen som jag ser är att länk-URLen inte syns vid statusbaren när man går över diven med musen...
"fel" Enligt mig så är det fel ja, varför skall du göra ett element till något den verkligen inte är. en a-element kan bli ett block element som en DIV är med hjälp av CSS så jag ser ingen som hellst anledning att göra det på det sätt du gör.
Sen så align attribut på en div finns inte (inte Xhtml valid i alla fall): http://xhtml.com/en/xhtml/reference...#div-attributes
okej, men hur gör jag om jag vill ha en div klickbar?
för så som det ser ut nu, så är den diven 250x250 px, och har har backgrunds bild på en produkt... den vill ja ha klickbar..
ska jag istället flytta bilden från att vara bakgrundbild till en <img scr> i diven, tycker du det blir bättre ?
Jag hade gjort som voigtan sa och använt en helt vanlig länk tex:
<a href="default.asp?page=showProduct&id=9" class="divProduct" style="background-image:url(universitet.jpg)"><b>Rubrik för denna Product</b><br />Lite mer info datti datti da</a>
Gäller bara att använda sig av display:block; i css:en.
Men om du inte ska ha någon text eller liknande hade jag nog kört på en bild.
Varför vill du göra en div klickbar?
Antingen gör du som jag och Oggeh skriver: Sätt en display block för a-elementet, eller så läger du in en bild som länk, bilder är ju inte förbjudet och få självklart användas (men då skall du också använda dig av attributen title och alt som beskriver bilden), title bör även användas på a-element för att göra det enklare för de som har handikap bot:ar som indexera sidorna att veta vad länken handlar om.
Men din kod fungera ju som du vill (om du nu vill ha en div som är klickbar).