That to me looks like  tabular data. Why not...........use tables.

----- Original Message ----- 
From: "Sarah Atkinson" <[EMAIL PROTECTED]>
To: <[email protected]>
Sent: Friday, July 06, 2007 3:05 PM
Subject: [css-d] alignment using CSS


> Dear Oh Most Helpful List,
> 
> I have a list of hours
> 
> Monday - Friday  9:00 AM - 9:00 PM  
> Saturday 9:00 AM - 7:00 PM 
> Sunday Closed
> 
> 
> I want the times to be aligned on one side and the days aligned. Any
> idea on how to do this?  All I can find is hack using tables. There's
> got to be a better way.
> 
> I'm thinking code similar to this
> <style>
> 
> .hours{
> list-style:none;
> text-align:left;
> }
> 
> .time{
> text-align:right;
> position:absolute;
> left: 400px;
> }
> </style>
> <div>
> <ul class="hours">
> <li>Monday - Friday<span class="time">9:00 AM - 9:00 PM</span></li>  
> <li>Saturday<span class="time">9:00 AM - 7:00 PM</span></li> 
> <li>Sunday<span class="time">Closed</span></li>
> </ul>
> </div>
> 
> Now this will work however if I Stick this in a div then start moving
> the div around the absolute positioning will kind of mess things up
> right? This will position it absolutely to the page not the div. I'd
> also like to have something a little flexible for future updates.
> 
> Any suggestions?
> 
> Sarah
> 
> 
> 
> ______________________________________________________________________
> css-discuss [EMAIL PROTECTED]
> http://www.css-discuss.org/mailman/listinfo/css-d
> IE7 information -- http://css-discuss.incutio.com/?page=IE7
> List wiki/FAQ -- http://css-discuss.incutio.com/
> Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
>

______________________________________________________________________
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7 information -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Reply via email to