Preserved Topic: help with positioning... heck, help with everything! (Page 1 of 1)

alright... i'm praying that you gurus can help me with my coding plight. i've had an idea i want to implement for some time now, but i'm not exactly sure how to do it.<P>essentially i have 4 images that i want to use as my page's background. they are static images and the only thing that will change, is the text that appears over 2 of the 4 images. as for the other 2 images, they will never be touched...<P>an example of this (with commentary) from photoshop is at my site: http://www.greatbasin.net/~milker/trash.jpg <P>see how the four images form a "square" or whatnot? i want this square to always be centered in ANY web browser... at least 800x600+.. <P>i'm also assuming i need to use frames because in the bottom-right image, i'm going to be needing to display scrollable text. there are probably more advanced ways to do it, but i'm just familiar with frames... i'll take any recommendations though.<P>i know this probably doesn't make sense, it's hard for me to exactly explain what i see in my head, haha. any help is greatly appreciated, and since it's just my personal site i'm not under stress/deadline. <P>i'm just so lost and confused and my head hurts.. i need help really bad, thanks a lot!<P>cheers.mikey.milker
<P>

Well, after looking reading you post and looking at your image I'm thinking DHTML(Specifically layers) and JavaScript, would be an excellent solution for you. But before I make any further suggestions, I'm curious as to how much you know about these items. <P>-I'm not a complete idiot,
there are some parts missing.

Well, I look in a minute, but without even looking I'll say that you could use frames to center it pretty easily. Here's a frameset that would allow centering in a 400x500 area...<P><frameset rows="*,400,*" FRAMEBORDER="0" BORDER="0" framespacing="0"><P><FRAME SRC="white.html" border="0" framespacing="0"
name="farleft" MARGINWIDTH=0 MARGINHEIGHT=0 NORESIZE SCROLLING="no"><P><frameset cols="*,500,*" FRAMEBORDER="0" BORDER="0" framespacing="0"><P> <FRAME SRC="white.html" border="0" framespacing="0"
name="left" MARGINWIDTH=0 MARGINHEIGHT=0 NORESIZE SCROLLING="no"><P> <FRAME SRC="your_stuff.html" border="0" framespacing="0"
name="center" MARGINWIDTH=0 MARGINHEIGHT=0 NORESIZE SCROLLING="no"><P> <FRAME SRC="white.html" border="0" framespacing="0"
name="right" MARGINWIDTH=0 MARGINHEIGHT=0 NORESIZE SCROLLING="no"><P></frameset><P><FRAME SRC="white.html" border="0" framespacing="0"
name="farright" MARGINWIDTH=0 MARGINHEIGHT=0 NORESIZE SCROLLING="no"><P></frameset><P>
The page called "your_stuff.html" could be another frameset, split into four quadrants, and it would always be in the middle of the page. <P>The DHTML layers bit would probably also work, and maybe even a bit neater, but you know frames already, may as well use what you know first, and then try the other stuff.<P>
Your pal, -doc-<P>----- Doctor Thaddeus Ozone --------- "Specialization is for insects"---

wow, thanks for the responses.. i'm excited that i might finally start making progress on the page again!<P>F1_error: i'm completely in the dark when it comes to DHTML. and i shouldn't be obviously, if i want to be able to keep up... can you recommend somewhere to start reading up?<P>DocOzone: wow, thanks for the code. i don't have time to work on it right now, but it looks like that could be just what i was looking for... unlike C though, just doing html on paper doesn't usually garner the right results for myself, haha.<P>so i'll tinker with the code and try to read up on dhtml. thanks a million for all the help.<P>cheers.mikey.milker

See if this will help you a little further.
http://www.geocities.com/rainforest/5725/zero <P>I used Doc's basic frame layout and used Layers and Div tags to create the rest.
The [Zero] buttons bring up text over the cars.
I will work in the Scrolling feature when I get some spare time.
<p>[This message has been edited by Ted (edited 21-04-2000).]

I took a look at the previously mentioned page in Netscape (Version 4.08) today, and the [Zero] buttons did not show up. If you have IE, use that in the mean time and I will work on a fix for Netscape.<P>HTMLGuru.com is a good place to Start for DHTML and Layers<P>[This message has been edited by Ted (edited 21-04-2000).]<p>[This message has been edited by Ted (edited 21-04-2000).]

You can't put the DIV style information in the DIV tag and have it work with Netscape. Best to put it in <STYLE> tags at the top something like this
<STYLE>
#Cars
{position:absolute; width:478px; height:339px; z-index:5; left: 145px; top: 130px; visibility: visible}
</STYLE><P>then the div tag like you have it. Only without the style stuff.
Ugh Are you using Dreamweaver? Cuz that code is a little hectic. I already wrote out code for making stuff appear and disappear using buttons if you look in the DHTML/Javascript Forum at the "Layer Visibility Help" posting. It's a little cleaner then what you have here and it includes explanations<P>mike is