Forum Moderators: not2easy
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?
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 :)