[css-d] clear property clears all floats?

2007-05-23 Thread Erin Spangler
Could someone tell me what I'm doing wrong with this page?
http://www.hotfrenchbulldogs.com/angus2.html

My goal is to float the first image (angus-02) to the left with the text 
along side. Then I'd like the next image (angus-03) to clear the float 
from the first image and be centered below the image and text above it. 
But, adding my float class to that second image floats it down below my 
(floated) left navigation. Why?

Thanks!

-- 
Erin Spangler
www.thedogsonline.com
Web Design and Hosting
for the Dog Enthusiast

__
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/


Re: [css-d] clear property clears all floats?

2007-05-23 Thread Tim Offenstein
At 3:11 PM -0400 5/23/07, Erin Spangler wrote:
Could someone tell me what I'm doing wrong with this page?
http://www.hotfrenchbulldogs.com/angus2.html

My goal is to float the first image (angus-02) to the left with the text
along side. Then I'd like the next image (angus-03) to clear the float
from the first image and be centered below the image and text above it.
But, adding my float class to that second image floats it down below my
(floated) left navigation. Why?

Hi Erin,

I'm having similar problems with floats but in looking over your 
code, why not remove the clearcenter class on the second image and 
instead use class=center on the p element as you've done with 
glory.html? This will bring Angus' second image up like you're 
describing.

Cute dogs BTW. My miniature dachshund, Oscar, would love a buddy!

-Tim
-- 

  Tim Offenstein  ***  College of Applied Health Sciences  *** 
(217) 244-2700
CITES Departmental Services Web Specialist  *** 
www.uiuc.edu/goto/offenstein

__
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/


Re: [css-d] clear property clears all floats?

2007-05-23 Thread Richard Grevers
On 5/24/07, Erin Spangler [EMAIL PROTECTED] wrote:
 Could someone tell me what I'm doing wrong with this page?
 http://www.hotfrenchbulldogs.com/angus2.html

 My goal is to float the first image (angus-02) to the left with the text
 along side. Then I'd like the next image (angus-03) to clear the float
 from the first image and be centered below the image and text above it.
 But, adding my float class to that second image floats it down below my
 (floated) left navigation. Why?

If you wrap both images in a floated container, the clear will
restrict itself to that container. the container will have to have
some dimension specified to avoid haslayout issues.
-- 
Richard Grevers, New Plymouth, New Zealand
Hat 1: Development Engineer, Webfarm Ltd.
Hat 2: Dramatic Design www.dramatic.co.nz
Lost yet? http://www.lost.eu/3d33f
__
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/