[css-d] Site Check and Image Layout Help

2006-01-05 Thread Aaron Roberson
*Site Check:*
Please check out the following site I just completed yesterday! If you find
any quirks, please let me know what page you found it on and what
browser,version and resolution you are using to access the site :)

Pet Heaven:
www.petheaven.info

*Image Layout Problem:*
I usually use align and hspace to have my text flow around my images. The
problem with doing this, besides that I am using some valid xhtml attibutes
to acheive the presentation I am looking for, is that everything flows to
the side of the picture - even the text that I desire to be under the
picture. You can see this on the resources page (
www.petheaven.info/resources/index.php).

I tried to wrap the image and the paragraph I want to flow around the image
in a div tag because divs are block level elements. Of coarse, that didn't
work because img align ignores block level images. I also tried placing a
 tag between each section but that is not working either.

I thought about wrapping the image in a div and giving it a float:left or
float:right style and then just clearing the float with a clear:left or
clear:right, but I usually get into trouble when I begin to use the float
selector and I am not sure this would be the best method eighter.

Finally, I am wondering if this wouldn't be considered data that is suitable
for tables anyways...? Even if so, the image on the home page is not and I
would still need a "fix" for that.

Thank you if you can give me some pointers and get me going in the right
direction!

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


Re: [css-d] Site Check and Image Layout Help

2006-01-05 Thread Martin Heiden
Aaron,

on Thursday, January 5, 2006 at 16:08 Aaron Roberson wrote:

> I tried to wrap the image and the paragraph I want to flow around the image
> in a div tag because divs are block level elements. Of coarse, that didn't
> work because img align ignores block level images. I also tried placing a
>  tag between each section but that is not working either.

hr { clear: both; }

regards

  Martin

 



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