Float with Text ?
by Dan Geocaris
on
May 21, 2008 at 7:18:04 pm
Hi I have a Float/Text question. I have an image that I am Floating left of some text, then the following Paragraph is cleared of the float. How can I get the text next to the Floated image to fall and align evenly with the bottom of the image rather than the top.
In the class for the image I am Floating left, and have some margin and border settings.
Thanks, here is the code for the area.
We repair most types of boots and shoes. In addition to replacing worn heels
and soles, we stitch seams, replace eyelets, .......shoes look great when
we return them to you.
We use quality soles and soling products.
We also stock a wide range of specialty soling products for special needs.
Re: Float with Text ? by Abraham Chaffin on May 23, 2008 at 6:12:51 pm
I'm a little confused since you say the image is floating left and then the text after it is clearing the float but then you're asking how to clear the float. From what you were saying it sounds like you are asking how to do what you are already doing???
To float you can either use the styling style="float: left;" or align="left" and then you can set the following text to use style="clear: both;" or style="clear: left;" but it sounds like you are already doing this.
Can you post the URL of the page you are dealing with?
Re: Float with Text ? by Dan Geocaris on May 23, 2008 at 6:43:38 pm
Sorry for the confusion. I am trying to post the HTML section of code here, but even wrapping it in comment marks it won't show.
The float and clear are working as they should.
My problem is that the text next to the floating image is not long enough to to reach the bottom edge of the picture. Is there a way to align the text next to the image so it starts maybe halfway down the side of the picture so the bottom line of text is even with the bottom of the picture it is next to. That way the break between that text and the continuing 'cleared' text won't be so great. Just a < p > break.
Re: Float with Text ? by Abraham Chaffin on May 23, 2008 at 7:02:38 pm
Replace the < symbols with < and the > symbols with <
Another way to do it is grab your code in Dreamweaver, paste it into a blank Dreamweaver document in design view, switch to code view and then copy and paste it from there into a new message. However when you do this don't preview your post or it will remove the effect.
The post fields in this forum are designed for text not HTML code but this is the work around. In another sense they are meant for HTML (you just need to know how to use it) =p
Re: Float with Text ? by Dan Geocaris on May 23, 2008 at 8:09:24 pm
Here is the code. In the image class CSS I am doing a float left and adding some margins to the bottom and right.
Thanks
<p<<img class="general_pic_1 "src="old_days.jpg" width="150" height="125" /<</p<
<p<We repair most types of boots and shoes. In addition to replacing worn heels
and soles, we stitch seams, replace eyelets, repair or replace zippers,
and do just about anything that’ll keep them running for you. Most
repairs include cleaning and polishing so that your shoes look great when
we return them to you. </p<
<p style="clear:left"<We use quality <strong<Vibram</strong< and <strong<SoleTech</strong< soles and soling products.
We also stock a wide range of specialty soling products for special needs.</p<
