Tech Need to make Divs hyperlinks but here is the catch... - GoFuckYourself.com

suesheboy · 07-05-2015, 11:51 AM

...without using any type of Java and HTML5 compliant.

Just can't find the answer of figure it out.

In other words I want a div that contains mixed media - text - images and or video and clicking on the DIV takes you to another URL.

I know how to style to mouse over to work right on CSS, just can't get the hypertexting to work without Java or JQuery

Relic · 07-05-2015, 12:29 PM

css - Make a div into a link - Stack Overflow

2nd post is what you want I believe.

You need to span a large A href over the div essentially.

suesheboy · 07-05-2015, 02:48 PM

Quote:

Originally Posted by Relic

css - Make a div into a link - Stack Overflow

2nd post is what you want I believe.

You need to span a large A href over the div essentially.

From what I see that is not Valid HTML.

NatalieK · 07-05-2015, 06:22 PM

Maybe from "8" down

zerovic · 07-06-2015, 04:03 AM

sadly, you can't add any <a> tag around divs and pass validation.. what you can do is changing the DIV tag to SPAN and you will be good to go...

Before:

Quote:

After:

Quote:

You can always check your code at
https://validator.w3.org/check

Quote:

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 5 Transitional//EN">
<html>
<head>
<meta name="generator" content="HTML Tidy for Linux (vers 25 March 2009), see www.w3.org">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title></title>
</head>
<body>
<a href="http://www.google.com/" title="test"><span id="content">This is a test</span></a>
</body>
</html>

Hope it helps.

suesheboy · 07-06-2015, 05:39 AM

Thanks for the responses.

I am going to have to play with the swapping span for div to see if will work for my concept.

I am playing around with some rotating / custom advertising targeted to individual surfers and want to keep it cross browser and platform compliant, is not picked up as ads by blocking software, keeps my sites mobile ready, allows A B C testing, and allows me to "follow" and "nofollow" links depending on what I am serving.

I plan to be serving these across a network of sites, database driven and the java inside div was interfering with other java on the site for some browsers (rotating banners, social media, bootstrap and a chat module).

MetaMan · 07-06-2015, 05:48 AM

Im typing from my phone so i cant test the code exactly.

But cant you just display the div or "a div" as display: block?

the entire div should become selectable with the link within the div.

You didnt post the example code youre having problems with so youre making it harder for someone to help. Show the exact code line example.

07-05-2015, 11:51 AM	#1
suesheboy Confirmed User Industry Role: Join Date: Nov 2002 Location: FL - TN/NC Posts: 5,211	Need to make Divs hyperlinks but here is the catch... ...without using any type of Java and HTML5 compliant. Just can't find the answer of figure it out. In other words I want a div that contains mixed media - text - images and or video and clicking on the DIV takes you to another URL. I know how to style to mouse over to work right on CSS, just can't get the hypertexting to work without Java or JQuery __________________ Adult Web Site Domain Names For Sale Adult Sex Toy Domain Names For Sale Tantric Delights, Sex Toys Blog, Tantric Sex Toys

07-05-2015, 06:22 PM	#4
NatalieK Natalie K Industry Role: Join Date: Apr 2010 Location: Spain Posts: 19,251	Maybe from "8" down __________________ My official site Semi exclusive custom clips My affiliate program First time girls Skype: gspotproductions - "Converting traffic into income since 2005"

07-06-2015, 05:39 AM	#6
suesheboy Confirmed User Industry Role: Join Date: Nov 2002 Location: FL - TN/NC Posts: 5,211	Thanks for the responses. I am going to have to play with the swapping span for div to see if will work for my concept. I am playing around with some rotating / custom advertising targeted to individual surfers and want to keep it cross browser and platform compliant, is not picked up as ads by blocking software, keeps my sites mobile ready, allows A B C testing, and allows me to "follow" and "nofollow" links depending on what I am serving. I plan to be serving these across a network of sites, database driven and the java inside div was interfering with other java on the site for some browsers (rotating banners, social media, bootstrap and a chat module). __________________ Adult Web Site Domain Names For Sale Adult Sex Toy Domain Names For Sale Tantric Delights, Sex Toys Blog, Tantric Sex Toys

07-05-2015, 12:29 PM	#2
Relic So Fucking Banned Join Date: Aug 2002 Posts: 10,300	css - Make a div into a link - Stack Overflow 2nd post is what you want I believe. You need to span a large A href over the div essentially.

07-06-2015, 05:48 AM	#7
MetaMan I AM WEB 2.0 Industry Role: Join Date: Jan 2003 Posts: 28,682	Im typing from my phone so i cant test the code exactly. But cant you just display the div or "a div" as display: block? the entire div should become selectable with the link within the div. You didnt post the example code youre having problems with so youre making it harder for someone to help. Show the exact code line example.