I posted a test here: http://tinyurl.com/2hd7hk
This looks like it is working in IE7 and FireFox... Is this going to be
stable and is it looking right in other browsers?
Or am I in for problems doing it this way?
I am basically looking for a two column display, hours on the left (but
the hours need line up on the right edge) and then the associated
description on the right column.
I set the li.hours to display: block and float: left.
Styles:
div.twocol {width:600px; border: 1px solid blue;}
li { list-style: none; }
li.hours{ padding: 0 20px 0; display: block;
width:100px; text-align: right; float: left;}
Html:
<div class="twocol">
<ul >
<li class="hours">8:00-8:45</li><li>Medical Management</li>
<li class="hours">8:45-9:30</li><li>Physical Therapy</li>
<li class="hours">9:30-11:00</li><li>Psychological Counseling and
Biofeedback</li>
<li class="hours">11:00-12:00</li><li>Group Education</li>
</ul>
</div>
______________________________________________________________________
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/
