Hi Tony,
>the only way I know to do that is to nest divs and float:right hence:
>
> <div id="1">
> <div id="2">
> <a href="foo.html">foo</a>
> <a href="fooyootoo.html">fooyootoo</a><!--this is floated right-->
> </div>
> <a href="fooyoothree.html">fooyoothree</a><!--this is floated right-->
> </div>
>
> If there's a better way to approach this type of layout, I'd really
> appreciate hearing about it....
The way I'd approach this is with something like:
<ul id="navigation">
<li>
<a id="FAQ" href="faq.html"><span>FAQ</span></a>
</li><li>
<a id="FORPRAC" href="forprac.html"><span>For Practitioners</span></a>
</li><li>
<a id="PAYME" href="paymentcalc.html"><span>Payment Calculator</span></a>
</li><li>
<a id="CONTA" href="contact.html"><span>Contact Us</span></a>
</li>
</ul>
then changing the css such that you add:
#navigation li {
margin: 0;
float: left;
}
and remove any mention of margins on the ids of anchors. I'd probably
move those ids to the li elements as well. I've only had a chance to
test this in FF, but I think you should be able to work something out
on that basis.
Phil
______________________________________________________________________
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
