[css-d] float right, then on next line float right

2008-04-04 Thread Daniel Kessler 
I'm trying to make a new template for my site by starting over and  
replicating the way that the old site looked.

On the top, I'm trying to have a few elements align right within a  
container, then another item aligned right below it, then an item  
aligned left.  I'm just learning css and I'm having problems floating  
right, but still putting items on different lines.

Here's what I have:
http://sph.umd.edu/includes/header_top_lvl2_a_test.cfm

I want the login button on a second line, still on the right but  
under the search features.  Then on a third line, the logo on the  
left.  I'm trying to get it to look like the top of:
http://sph.umd.edu/home/blank.cfm

I can get it to work by setting a pixel height to the class  
search_block, but that feels more like a hack.  It seems to me that  
this is really a problem with the way that I set up the flow.


Any assistance would be appreciated.


-- 

Daniel Kessler

University of Maryland College Park
School of Public Health
3302E HHP Building
College Park, MD  20742-2611
Phone: 301-405-2545
http://sph.umd.edu




__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] float right, then on next line float right

2008-04-04 Thread David Laakso 
Daniel Kessler wrote:

 http://sph.umd.edu/includes/header_top_lvl2_a_test.cfm

 I want the login button on a second line, still on the right but  
 under the search features.  Then on a third line, the logo on the  
 left.  I'm trying to get it to look like the top of:
 http://sph.umd.edu/home/blank.cfm


   




Try:
div.container {border: 1px solid red;overflow: hidden; /*add to current 
selector*/}
img {float: left;clear:both;/*add ruleset to style sheet*/}


-- 
http://chelseacreekstudio.com/

__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] float right, then on next line float right

2008-04-04 Thread Daniel Kessler 
This worked.  I also applied clear:both; to my login class and it  
helped there too.
Reading up on Clear helped my understanding of float, so thanks for  
that too.

Luckily work has approved for me to buy some css books and study up.

Thank you very much.  Have a good weekend!

On Apr 4, 2008, at 12:13 PM, David Laakso wrote:
 Daniel Kessler wrote:

 http://sph.umd.edu/includes/header_top_lvl2_a_test.cfm

 I want the login button on a second line, still on the right but   
 under the search features.  Then on a third line, the logo on the   
 left.  I'm trying to get it to look like the top of:
 http://sph.umd.edu/home/blank.cfm




 Try:
 div.container {border: 1px solid red;overflow: hidden; /*add to  
 current selector*/}
 img {float: left;clear:both;/*add ruleset to style sheet*/}



-- 

Daniel Kessler

University of Maryland College Park
School of Public Health
3302E HHP Building
College Park, MD  20742-2611
Phone: 301-405-2545
http://sph.umd.edu




__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/