View Full Version : My Layout, how?


sisqoluv
06-08-2003, 03:06 AM
I'm sorry if this is confusing, but I have no idea where to start. I think there's different ways I can go about this, but I don't know where to start. Can someone give me some suggestions? I think I should use Iframes. My site is going to be viewed at 800x600 with the chromeless browser.

http://www.eccentrix.com/members/ambrosia/sagtest/untitled.JPG

Sorry, I drew this up quickly. I'm going to have one background picture (centered in the middle of the browser; I wanted everything centered--including the frames/iframes) for the whole website. Where it says title, I'm going to have the title of my site (of course). Below it (main page, iframe) I wanted an iframe, frame, or whatever works best. This is going to be my main page. I wanted the background here to be transparent without using a graphic program (I think I have to use DIVs, which I'm not very good at). At the very bottom where it says smaller version..., it's going to be the main background picture (as an image), resized into a transparent header (DIVs, again). Inside this, I was going to have the main categories. I wanted these links to open where it says small text.... Then, I wanted those links to open in main page. I know, that's confusing. Can anyone help me out? Also, I don't want the whole page to reload each time a link is clicked. Thank you.

Sorry again if it's confusing.

sisqoluv
06-08-2003, 04:15 AM
What I have so far is here:

http://www.eccentrix.com/members/ambrosia/sagtest/mainpage.html

I still have a lot of work to do. Can someone please help me with DIVs? I've searched the forum and it's really confusing. Thank you!

Jrfan888
06-08-2003, 04:24 AM
Here is the Div code to position anything you want:

<DIV id="name" style="position: absolute; top: 0px; width:0px;
left: 0px; z-index:1" align=left>your html </div>

You change the width, top, and left values to fit acording to what you have...you just have to play around with the pixel values to get it exactly where u want it...:)
I hope this is what you were asking...

MaGiCSuN
06-08-2003, 12:36 PM
div tutorials:

http://www.``````````````/divtutorial.shtml - normal <div> codes

http://quacktastic.net/tutorials/css/divlayers.php - this is an tutorial for using divs in your stylesheet, it looks a bit difficult so i would suggest using just normal <div>

http://magitek-designs.net/index.php?magitek=tutorials_divs - a very good tutorial

http://www.daydreamgraphics.com/tutorials/list.php?action=list&cat_id=7&id=101

http://codepunk.hardwar.org.uk/acss01.htm - lesson's on how to make proper divs

http://www.elated.com/tutorials/authoring/css/positioning/

is that enough? ;)

Love,
Mirna

sisqoluv
06-08-2003, 11:03 PM
Thank you!