Click here to Skip to main content
15,894,410 members
Home / Discussions / Web Development
   

Web Development

 
GeneralRe: Error: Web Server Pin
HimaBindu Vejella20-Mar-06 17:53
HimaBindu Vejella20-Mar-06 17:53 
AnswerRe: Error: Web Server Pin
HimaBindu Vejella21-Mar-06 17:26
HimaBindu Vejella21-Mar-06 17:26 
QuestionHow to set a div position? Pin
shapper20-Mar-06 0:08
shapper20-Mar-06 0:08 
AnswerRe: How to set a div position? Pin
HimaBindu Vejella20-Mar-06 1:42
HimaBindu Vejella20-Mar-06 1:42 
GeneralRe: How to set a div position? Pin
shapper20-Mar-06 6:04
shapper20-Mar-06 6:04 
GeneralRe: How to set a div position? Pin
HimaBindu Vejella20-Mar-06 17:14
HimaBindu Vejella20-Mar-06 17:14 
GeneralRe: How to set a div position? Pin
sharma sanjeev20-Mar-06 21:14
sharma sanjeev20-Mar-06 21:14 
GeneralRe: How to set a div position? Pin
shapper24-Mar-06 3:27
shapper24-Mar-06 3:27 
Hello,

I tried your code but there is still problem due to the fact that I am using a centered design.
I tried to solve this but I don't know how.
When the div becomes visible its position is correct.
However, when I resize my browser window the div stays in same place and doesn't move with the image.

Here is a description of what I am trying to do:

1. I make all div's centered using "text-align: center" in body tag.
2. I use the "wrapper" div so I don't need to worry with centering the other divs.
In this code it would be easy to remove the wrapper div.
However, when the design gets more complex I prefer to use the wrapper.
3. I need to show "Tip" div when "Open" image is pressed.
4. I need to hide "Tip" div when "Close" image is pressed.
"Close" image is inside div "Tip".
5. I need "tip" div position to be relative to "Open" image.
Its position should be 40px right and 60px up from "Open" image position.
6. I neet "tip" div to be over the page contents.
7. The "tip" div should also move when visible and the page is being resized.
Basically, when the page is resized, the "Open" image will move.
So, the "tip" div, if visible, will keep up its position.

Anyway, is this possible?

Thank You Very Much,
Miguel


Here is my page code:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Untitled Document</title>
<style type="text/css">
<!--
body {
margin-botton: 10px;
padding: 0px;
text-align: center;
}
#wrapper {
clear: both;
margin: 0px auto;
padding: 0px;
text-align: left;
width: 780px;
}
#header, #content, #footer
{
clear: both;
}
#tip {
width: 200px;
}
.clearer
{
clear: both;
}

-->
</style>
</head>

<body>
<div id="wrapper">
<div id="header">Header</div>
<div id="content">
<p>Content</p>
<div id="tip">
<img id="close" src="Close.jpg" />
<p>Tip Text</p>
</div>
<img id="open" src="Open.jpg" />
</div>
<div id="content">Footer</div>
<div class="clearer">
</div>
</body>
</html>
QuestionJavascript functions to find mouse coordinates? Pin
KaKa'19-Mar-06 22:25
KaKa'19-Mar-06 22:25 
QuestionparentNode.style.left not working!! Pin
student_rhr19-Mar-06 10:31
student_rhr19-Mar-06 10:31 
AnswerRe: parentNode.style.left not working!! Pin
Guffa19-Mar-06 11:14
Guffa19-Mar-06 11:14 
GeneralRe: parentNode.style.left not working!! Pin
student_rhr19-Mar-06 11:28
student_rhr19-Mar-06 11:28 
QuestionDesperate help! Pin
heskel19-Mar-06 3:06
heskel19-Mar-06 3:06 
AnswerRe: Desperate help! Pin
George L. Jackson19-Mar-06 4:50
George L. Jackson19-Mar-06 4:50 
QuestionPage Cache Pin
militiaware18-Mar-06 3:49
militiaware18-Mar-06 3:49 
QuestionGetting more space on left side of the web page Pin
Sujatha K17-Mar-06 19:23
Sujatha K17-Mar-06 19:23 
Questionserver performance??? Pin
Small Rat17-Mar-06 11:10
Small Rat17-Mar-06 11:10 
AnswerRe: server performance??? Pin
George L. Jackson17-Mar-06 12:09
George L. Jackson17-Mar-06 12:09 
Questionajax implementation Pin
sharma sanjeev17-Mar-06 2:09
sharma sanjeev17-Mar-06 2:09 
AnswerRe: ajax implementation Pin
Vasudevan Deepak Kumar17-Mar-06 3:36
Vasudevan Deepak Kumar17-Mar-06 3:36 
AnswerRe: Is their any Tag in html which solve the purpose of richtextfield Pin
Vasudevan Deepak Kumar17-Mar-06 3:38
Vasudevan Deepak Kumar17-Mar-06 3:38 
Question[Message Deleted] Pin
Mr.V.Stephen16-Mar-06 19:04
Mr.V.Stephen16-Mar-06 19:04 
AnswerRe: Please Check my Code!!!!newbie here!!! Pin
Guffa16-Mar-06 20:18
Guffa16-Mar-06 20:18 
GeneralRe: Please Check my Code!!!!newbie here!!! Pin
Mr.V.Stephen22-Mar-06 19:45
Mr.V.Stephen22-Mar-06 19:45 
QuestionQuery regarding conversion from Static HTML to an ASP without dynamism Pin
ShrikantPR16-Mar-06 17:51
ShrikantPR16-Mar-06 17:51 

General General    News News    Suggestion Suggestion    Question Question    Bug Bug    Answer Answer    Joke Joke    Praise Praise    Rant Rant    Admin Admin   

Use Ctrl+Left/Right to switch messages, Ctrl+Up/Down to switch threads, Ctrl+Shift+Left/Right to switch pages.