It is currently Wed May 08, 2024 8:31 AM


All times are UTC - 7 hours [ DST ]




Post new topic Reply to topic  [ 5 posts ] 
Author Message
 Post subject: Webpage Help
PostPosted: Tue Jun 21, 2005 3:01 AM 

http://www.carpediemstore.com/test.asp<
>
<
>
When you mouse over the Test Link, the 2nd row of table gets pushed down. Is there anyway to avoid it? Thanks <i>Edited by: Seigfried at: 6/21/05 5:02 am<
></i>


Top
  
 
 Post subject: Re: Webpage Help
PostPosted: Tue Jun 21, 2005 5:54 AM 

Well, your script was fine but your html was wrong in a few places. These changes make it work the way I think you wanted it to:<
>
<
>
<html>
<head>
<title>Test</title>
<script type="text/javascript">

function showComplete(showThis) {
        document.getElementById(showThis).style.display = "inline";
        document.getElementById(showThis).style.visibility = "visible";
}

function hideComplete(showThis) {
        document.getElementById(showThis).style.display = "none";
        document.getElementById(showThis).style.visibility = "visible";
}
</script>
</head>
<body>
<table style="z-index:0">
<tr>
<td><a onMouseOver = "showComplete('test'); this.style.cursor = 'hand';" onMouseOut = "hideComplete('test');">TEST LINK</a>
<div style="******; top: 380px; left: 60px; z-index: 100;">
<div id = "1">
<span id="test" style="visibility:hidden; display: none;">
<table width="100%" cellpadding="5" cellspacing="0" border="0">
<tr>
<td bgcolor="FF00FF">Pop Up
</td>
</tr>
</table>
</span>
</div>
</div>
</td>
</tr>
<tr>
<td>2nd Row</td>
</tr>
</table>
</body><
>
<
>
Toss your script into your head and make sure all your tags are closed properly. Your span and one div were not.<
>
<
>
-Cinnas <i>Edited by: Cinnas at: 6/21/05 7:56 am<
></i>


Top
  
 
 Post subject: Re: Webpage Help
PostPosted: Tue Jun 21, 2005 12:08 PM 

I tried your code, still get pushed down. Anyone know if this is how it supposed to work? <i>Edited by: Seigfried at: 6/21/05 2:10 pm<
></i>


Top
  
 
 Post subject: Re: Webpage Help
PostPosted: Wed Jun 22, 2005 7:19 AM 

Move your popup DIV tag to the bottom (below your second row line) <i></i>


Top
  
 
 Post subject: Re: Webpage Help
PostPosted: Wed Jun 22, 2005 3:09 PM 

Did that and it will show below the table, I guess I will just have to use absolute. <i></i>


Top
  
 
Display posts from previous:  Sort by  
Post new topic Reply to topic  [ 5 posts ] 

All times are UTC - 7 hours [ DST ]


Who is online

Users browsing this forum: No registered users and 2 guests


You cannot post new topics in this forum
You cannot reply to topics in this forum
You cannot edit your posts in this forum
You cannot delete your posts in this forum

Search for:
Jump to:  
cron
Powered by phpBB® Forum Software © phpBB Group
Theme created StylerBB.net
Karma functions powered by Karma MOD © 2007, 2009 m157y