Try using a dl. It wouldn't be semantic, the objects are not that related, but it
would offer you the style flexibility
<dl>
<dt>ABN 72797798055</dt>
<dd><a href="http://jigsaw.w3.org/css-validator/check/referer";>CSS</a></dd>
<dd><a href="/accessibility/">Accessibility</a></dd>
</dl>
dl {width:100%;}
dt {display:inline; float:right;}
dd {display:inline; float:left;}
This is very rough, with some fine tuning I would expect the dt to hit the right side
and the dd's to float to the right. This is a guess, I haven't tried it.
Ted
-----Original Message-----
From: Joshua Street [mailto:[EMAIL PROTECTED] Behalf Of
Joshua Street
Sent: Monday, October 04, 2004 6:49 PM
To: [EMAIL PROTECTED]
Subject: Left and right: inline content...
Hi all. I'm trying to do something which I know is easy with tables, but of course,
that's not my first preference. Basically, it's a footer line with an ABN number (for
non-Australians, a business registration number) on the left, and an unordered list on
the right with validation links, an accessibility policy link, etc.
I want it to look like this:
_________________________________________________________________________
|ABN 72797798055 |XHTML|CSS|Accessibility|Top|
|_________________________________________________________________________|
Markup currently goes:
<div id="footer">ABN 72797798055
<ul id="standardsline">
<li><a href="http://validator.w3c.org/check/referer";>XHTML</a></li>
<li><a href="http://jigsaw.w3.org/css-validator/check/referer";>CSS</a></li>
<li><a href="/accessibility/">Accessibility</a></li>
<li><a href="#body" title="Back to top">Top</a></li>
</ul>
</div>
And the CSS:
#footer {clear:both;text-align:left;}
#standardsline {float:right;display:inline;}
#standardsline li {display:inline;list-style-type:none;}
I've stripped irrelevant (presentation aside from layout) CSS from that, and the
display:inline in #standards line is probably unnecessary -- That's just me trying to
get it to work.
Currently, it's displaying like this:
_________________________________________________________________________
|ABN 72797798055 |
|_____________________________________________|XHTML|CSS|Accessibility|Top|
which sucks. Well, not completely, but it's not how I want it to look.
Any suggestions?
Joshua Street
base10solutions
******************************************************
The discussion list for http://webstandardsgroup.org/
See http://webstandardsgroup.org/mail/guidelines.cfm
for some hints on posting to the list & getting help
******************************************************
