Convert div tag to work as a link ???

Hi.

Is it possible to have a div tag work as a link?
Not just the text inside the tag but the whole tag.
What I want to do is to have the following tag work as a link but I don't know how to do it in Dreamweaver.

Div Tag

Code:

---

<div id="adobe">Here you can gratis download Adobe Reader which is necessary to open the files.</div>

---

CSS

Code:

---

#adobe {
        font-family: Verdana, Arial, Helvetica, sans-serif;
        font-size: 11px;
        font-weight: normal;
        padding-left: 60px;
        background-image: url(../images/adobe.gif);
        background-repeat: no-repeat;
        height: 40px;
        padding-top: 11px;
}

---

Please someone give me a hint how to do this or maybe recommend a javascript if one is needed to achive this.

Thanks in advance,

You mean something like(?):

Code:

---

<div href="javascript:void(0)" onclick="window.location.href='bla.html'"></div>

---

Arie Molendijk

Theres no point of the void :-/.

Quote:

---

Originally Posted by molendijk

You mean something like(?):

Code:

---

<div href="javascript:void(0)" onclick="window.location.href='bla.html'"></div>

---

Arie Molendijk

---

.......yes, I thing something like this it is.
It seems that without a javascript it cant be done.
Can you link me to a script that I can use to do this...?...

Quote:

---

Originally Posted by Cheng

.......yes, I thing something like this it is.
It seems that without a javascript it cant be done.
Can you link me to a script that I can use to do this...?...

---

That's right. You'll need javascript for this.

Technically, you can just insert a <div> within an anchor (<a>) element and it will work. However, it's not standards compliant markup.

I'm not recommending it, just informing.

.......thanks for the replies.
Can someone please point me to script that can be used.......

why cant you just have a long anchor tag?

the div tag was created for layout purposes, not linking. What you want to do is an abuse of the div tag... similar to using tables as a layout schema.

If you want an extended amount of text as a link, apply styles to an anchor tag.

Quote:

---

Originally Posted by Nile

Theres no point of the void :-/.

---

I've had several cases in which href="#" or something like that (href="javascript;", for instance) produced unwanted results. So I normally use href=javascript:void(0), which never let me down.
You can do without the href, but then the link does not present itself as such.
----
Arie M.

Quote:

---

Originally Posted by boogyman

why cant you just have a long anchor tag?

the div tag was created for layout purposes, not linking. What you want to do is an abuse of the div tag... similar to using tables as a layout schema.

If you want an extended amount of text as a link, apply styles to an anchor tag.

---

.......sorry, but I don't know how to do it using a long anchor tag.
Could you give me an example please.......

Quote:

---

Originally Posted by Cheng

.......sorry, but I don't know how to do it using a long anchor tag.
Could you give me an example please.......

---

Cheng, since you just want to have a link in a div for downloading Adobe Reader, you could do this, which opens a new window:

Code:

---

<div id="adobe" href="javascript:void(0)" onclick="window.open('bla.html')">Here you can gratis download Adobe Reader which is necessary to open the files</div>

---

where 'bla.html' is the page you want to access. (That will probably a page with a download-link for Adobe).
----
Arie.