--- Barney Carroll <[EMAIL PROTECTED]> wrote:

> Elli,
> 
> You want to float:left; The value of float is which
> direction it should 
> go to while remaining on the same horizontal level
> 


As it turns out, I needed the list to float right as
far right as it would go, so I resolved that by
wrapping the UL and the "LATEST POSTS" title in a div
and floated that to the right of the "SUBJECT GOES
HERE" image. Problem I have now is that the div that
contains both elements seems to only adjust it's
height to the height of the image. Meanwhile the UL
list is a bit longer than that and I need the
containing div to adjust to the height of the list. I
have outlined both divs with borders in this sample: 

http://e7flux.com/images/impact_template.gif

Here is the code snippet: 

<div class="masthead">
<div class="fr">
<strong>LATEST POSTS:</strong> 
<ul>
<li><a href="#">Headline goes right over here in this
space</a> <span class="grey">11:41 AM</span></li>
<li><a href="#">This is another headline right here
underneath the first one</a> <span class="grey">9:27
AM</span></li>
<li><a href="#">This headline is long so it cuts off
after ## characters and adds ellipsis...</a> <span
class="grey">8:56 AM</span></li></ul>
</div><img src="/images/impact/subject_mast.gif"
alt="Subject: Tagline Goes Here" />
</div>
</div>

and here is the CSS:

.masthead { margin-bottom: 15px; border: 1px solid
#E8E8E8; font-size: 11px; color: #405094;}
.masthead .fr {float: right; border: 1px solid #000;}
.masthead strong {color: #fd6205; }
.masthead ul {list-style-position: inside;}
.grey {color: #626b77;}

Any help would be greatly appreciated. 

Elli 


       
____________________________________________________________________________________
Need a vacation? Get great deals
to amazing places on Yahoo! Travel.
http://travel.yahoo.com/
______________________________________________________________________
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