I am creating a sort of "popup" info box for a client and have just about got it except for the position problem. If I set the position to absolute, then all the boxes are X pixels from the top of the browser. I want them to be X pixels from the actual link, but when I set the position to relative, it then brings up the box inside the rest of the text as opposed to on "top" of it. Here's my examples:
Absolute position (<!-- m --><a class="postlink" href="http://www.cowgirlexpressions.com/working/linkboxes/demo-absolute.html">http://www.cowgirlexpressions.com/worki ... olute.html</a><!-- m -->)
Relative position (<!-- m --><a class="postlink" href="http://www.cowgirlexpressions.com/working/linkboxes/demo-relative.html">http://www.cowgirlexpressions.com/worki ... ative.html</a><!-- m -->)
What am I doing wrong? What should I put to have the boxes open under their retrospective links?
Thanks!!!Validate your code. You have a number of errors.I'd like to get it to work before I work on making it valid and so forth. These are just test pages....Validation is not for fun. Validation is error checking. Your code doesn't work because you have errors. Come back when you validate.
Why we won't help you. (<!-- m --><a class="postlink" href="http://diveintomark.org/archives/2003/05/05/why_we_wont_help_you">http://diveintomark.org/archives/2003/0 ... t_help_you</a><!-- m -->)hi
you could try and discard Top and Left for the Absolute Position.
Just keep having Absolute
osition and play with the margins, for instance margin:20px 0 0 -50px
alltho You cannot have the popup layer to display underneath with the left edge aligned to the left edge of the link, since all links have different widths depending how many words are linked
but for me -50px over to the left looks well enough for me, infact I like it more there than right underneath the link, since I don纾
Absolute position (<!-- m --><a class="postlink" href="http://www.cowgirlexpressions.com/working/linkboxes/demo-absolute.html">http://www.cowgirlexpressions.com/worki ... olute.html</a><!-- m -->)
Relative position (<!-- m --><a class="postlink" href="http://www.cowgirlexpressions.com/working/linkboxes/demo-relative.html">http://www.cowgirlexpressions.com/worki ... ative.html</a><!-- m -->)
What am I doing wrong? What should I put to have the boxes open under their retrospective links?
Thanks!!!Validate your code. You have a number of errors.I'd like to get it to work before I work on making it valid and so forth. These are just test pages....Validation is not for fun. Validation is error checking. Your code doesn't work because you have errors. Come back when you validate.
Why we won't help you. (<!-- m --><a class="postlink" href="http://diveintomark.org/archives/2003/05/05/why_we_wont_help_you">http://diveintomark.org/archives/2003/0 ... t_help_you</a><!-- m -->)hi
you could try and discard Top and Left for the Absolute Position.
Just keep having Absolute
osition and play with the margins, for instance margin:20px 0 0 -50pxalltho You cannot have the popup layer to display underneath with the left edge aligned to the left edge of the link, since all links have different widths depending how many words are linked
but for me -50px over to the left looks well enough for me, infact I like it more there than right underneath the link, since I don纾