Closed Thread Icon

Preserved Topic: relative positioning of netscape layers Pages that link to <a href="https://ozoneasylum.com/backlink?for=17901" title="Pages that link to Preserved Topic: relative positioning of netscape layers" rel="nofollow" >Preserved Topic: relative positioning of netscape layers\

 
Author Thread
bunchapixels
Neurotic (0) Inmate
Newly admitted
posted posted 12-29-2000 05:02

hi peoples,
i have made this objects that move, if you want to see them, check: http://reitsma.tripod.com/stupidpage.html
now - i want to document.write these objects into a page.
to do this, i have to write with layers, with this sort of setup:

if(ie) {
document.writeln("<div id='blockDiv3' style='position:relative; width:30'>");
document.writeln("<a href='#' onmouseover='block3.slideout()' onmouseout='block3.slidein()'>");
document.writeln("<img src='sclub.gif' width=89 height=12 border=0></a>");
document.writeln("</div>");
}
if(n) {
document.writeln("<layer name='blockDiv3' visibility='show' width=30>");
document.writeln("<a href='#' onmouseover='block3.slideout()' onmouseout='block3.slidein()'>");
document.writeln("<img src='sclub.gif' width=89 height=12 border=0></a>");
document.writeln("</layer>");
}

...the only problem is that i dont know how to position layers dynamically, like i can with divs.
if anyone could provide assistance in this matter, you would make someone very happy.
and that someone would be me.
perhaps one can put an element on the page first, like a 1x1 transp. gif, and locate that, then use this for an absolute reference, but i dont know how to do that myself. just trying to give ideas.
thanks.

Jestah
Maniac (V) Mad Scientist

From: Long Island, NY
Insane since: Jun 2000

posted posted 12-29-2000 06:33

Im not really reading the question but do you mean something like this :

<div id="Layer1" style="position:absolute; width:???px; height:???px; z-index:1; left: ???px; top: ???px"></div>

If not then, well sorry for not helping ...

Pu
Neurotic (0) Inmate
Newly admitted
posted posted 04-11-2004 00:00
JKMabry
Maniac (V) Inmate

From: out of a sleepy funk
Insane since: Aug 2000

posted posted 12-29-2000 20:14

Buncha - I don't think I've ever told you that I like your expanding cirlce thingies. Those are pretty cool, pratical even.

bunchapixels
Neurotic (0) Inmate
Newly admitted
posted posted 01-01-2001 22:46

ok, sorry, i dont think i stated my dilemma clearly enough.
i know how to give it x and y values, but the problem is, i cant exactly do that.
i need the little bullets to be placed relatively, like they do with divs.
they need to go where the 'cursor' is when the page is being rendered.
get me?
like, on a table on the page, wherever the table is, i want it to be like this:
[bullet] [link description] <br>
[bullet]......
and so on.

butcher
Paranoid (IV) Inmate

From: New Jersey, USA
Insane since: Oct 2000

posted posted 01-01-2001 23:20

Just a shot in the dark Bunch. Using css, I think you have to first make a <div> with a relative reference to the table in question, then make the other <div>'s absolute to that one. I have a page that uses it to move layers with a table if the page resizes. The code is like this, hope it helps.

In your css:

#layer { position: relative; align: center; visibility: visible; height: 205px; width: 307px; clip: rect( )}
#nest { position: absolute; visibility: hidden; height: 205px; width: 307px; left: 0px; top: 8px; clip: rect( ); z-index: 0}
#nest1 { position: absolute; visibility: hidden; height: 205px; width: 307px; left: 0px; top: 8px; clip: rect( ); z-index: 1}

Then you nest them in your <div> tags like this:

<div id="layer">
<div id="nest"> your stuff </div>
<div id="nest1"> your stuff </div>
</div>

Hope I'm not way off cuz I'd love to help, but I probably am. And I still say you named that page for me!

btw, I had to use slightly different numbers in Nertscape than I did in IE.


[This message has been edited by butcher (edited 01-01-2001).]

bunchapixels
Neurotic (0) Inmate
Newly admitted
posted posted 01-01-2001 23:51

hmmm....
that may work, if i can nest layers inside divs.... making things very cross browser uncomfortable... and that could get very icky with images in ns...
thanks for trying, but i dont think that its the right option.

butcher
Paranoid (IV) Inmate

From: New Jersey, USA
Insane since: Oct 2000

posted posted 01-02-2001 00:56

Your right, it isn't cross browser friendly, I had to build the page a different way with Netscape, but you can nest the layers inside <div>'s for IE for sure. Here's the page I did it on if you want to check the code. When you click on Number 1 or Number 2 the images that come up are held in nested <div>'s. Sorry it wasn't what you were looking for, and thanks for pretending in your reply that it might be. I makes me feel good to at least think I was almost right..... *sigh* someday.

bunchapixels
Neurotic (0) Inmate
Newly admitted
posted posted 01-02-2001 01:32

sorry butcher - chances are it could work, im just lazy.
and my psychic skills are a little rusty, so if you want to post a link to where you nested layers inside divs, then ill be happy to look at it.

butcher
Paranoid (IV) Inmate

From: New Jersey, USA
Insane since: Oct 2000

posted posted 01-02-2001 02:07

Damnit!!! I'm so brain dead, I do that every time...... s**t I'm stupid. I told you that you named that page after me! Here it is
http://www.martysdesigns.com/md2/quick.html

Sorry

« BackwardsOnwards »

Show Forum Drop Down Menu