HTML Forum

**wmtalk.tk** · 05-18-2005, 10:23 PM

yea... im having some trouble. I want to have a link inside a div AND i want the whole div to be a link, and i want both to open in new windows. thanks for the help.

**chrishirst** · 05-19-2005, 03:04 AM

Nope. One or the other, you decide

unless you start playing about with absolute positioning and z-index

**OmuCuSucu** · 05-19-2005, 03:11 AM

would that be 2 windows with one click? would that not be annoying to the users?

anyway ... maybe javascript has something for you, if not perhaps open one link and the second from the first ... but that would not be recommended.

**wmtalk.tk** · 05-20-2005, 02:14 AM

hmmmm, i think my questions are geting a little harder... lol

and i did mess around with absolute positioning, but what does zindex do?

**OmuCuSucu** · 05-20-2005, 02:17 AM

z-index is stack order ... higher stack order means in front or lower.

**wmtalk.tk** · 05-26-2005, 12:13 AM

but is there any way you can make a click go "through" a div?

**chrishirst** · 05-26-2005, 05:29 AM

No, the topmost element only would be "clickable"

**Chuk** · 05-26-2005, 06:51 PM

Try it:

PHP Code:


			
<html>

<head>

<TITLE>link overlink</TITLE>

<META HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=windows-1251">

<style>

#info {    border:1px solid gray;  width:200; height:20; 

}





#lay1 { border:1px green solid; cursor:hand;

        background-color:white; 

        width:200; height:200; z-index:150; 

        text-align:center;

}



#lay2{ border:1px green solid;

       background-color:#DDAADD; 

       width:150; height:30; z-index:200;  

}





</style>



<script>

var url1="test1.html";

var url2="test2.html";



function go() { 

window.location.href=url1; 

}

function recolor()

{

if(event.srcElement.id=="lay1")

  {  lay1.style.backgroundColor='#DDAADD'; 

     lay2.style.backgroundColor='white'; 

     info.innerHTML=url1;}

if(event.srcElement.id=="lay2")

  {  lay1.style.backgroundColor='white'; 

     lay2.style.backgroundColor='#DDAADD';

     info.innerHTML=url2; }

  

}

</script>

</head>

<body>



<div id="info" >info</div>

<div id="lay1" onmouseover="recolor();" onclick="go();">div-link

    <br><br><br>

    <a href="test2.html" id="lay2" onmouseover="recolor();">link over <b>div-link</b></a>

</div>



</body>

</html>

Chuk

HTML Forum

Find a Professional HTML Freelancer!

FREE Outsourcing eBook!