Thanks Hugh, Joseph.

I'd tried wrapping the ABN in a <span>, but that wasn't working too well
-- putting it in a paragraph worked miracles, though.  I managed to get
away without assigning widths to either the <p> or the <ul> elements, so
that was good.  Yet to throw it at Internet Explorer, but we'll see...

Joshua Street

base10solutions

Website:
http://www.base10solutions.com/
Phone: (02) 9898-0060
Fax: (02) 8572-6021
Mobile: 0425 808 469

E-mails and any attachments sent from base10solutions are to be regarded
as confidential. Please do not distribute or publish any of the contents
of this e-mail without the senderâs consent. If you have received this
e-mail in error, please notify the sender by replying to the e-mail, and
then delete the message without making copies or using it in any way. 

Although base10solutions takes precautions to ensure that e-mail sent
from our accounts are free of viruses, we encourage recipients to
undertake their own virus scan on each e-mail before opening, as
base10solutions accepts no responsibility for loss or damage caused by
the contents of this e-mail.

On Tue, 2004-10-05 at 12:27, Joseph Lindsay wrote:
> Hi Joshua,
> 
> try wrapping the abn in <p>.
> 
> #footer {clear: both;}
> #footer p {float:left;}
> #footer ul {float: right;}
> #footer li {display:inline;}
> 
> Joe
> 
> 
> 
> On Tue, 5 Oct 2004 11:49:01 +1000, Joshua Street
> <[EMAIL PROTECTED]> wrote:
> > 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
******************************************************

Reply via email to