Forum Moderators: not2easy

Message Too Old, No Replies

is absolute positioning necessary?

is it?

         

accelaboy

3:11 am on May 2, 2005 (gmt 0)



i've had some problems with a page layout I'm working on.
I have switched from tables to css and i have a basic layout of an iframe on top and 4 menu items below it.

i have the iframe contained in its own div and the menu items contained within another div.
each of the menu items is contained within a span with a unique id.

basically
<div>
<iframe>
</div>
<div id="menu">
<span id="1">
1
</span>
<span id="2">
2
</span>
<span id="3">
3
</span>
<span id="4">
4
</span>
</div>

I'm trying to evenly space each of the menu items along the bottom of the iframe using css positioning, but i still must not have a complete grasp on positioning

i thought absoulte positioning would be simple enough but i dont seem to have any control over the induvidual spans

how can i accomplish this?

Stormfx

4:32 am on May 2, 2005 (gmt 0)

10+ Year Member



For your menu items, you should use unordered lists. you can then specify a single setting for all the items, such as width, etc.

For example:

<div>IFrame Here...</div>
<div id="nav"><ul>
<li>Item 1</li>
<li>Item 2</li>
<li>Item 3</li>
<li>Item 4</li>
</ul></div>

Then, use the CSS to align the items. For example, to make them flow horizontally, you can use:

#nav li {
float: left;
}

There's a tutorial:

[projectseven.com...]

Hope that helps :)