It would really be easier to answer if we had a live webpage from which to review the source code. Going on the snippets you've provided in the original post, I think you would need to either add a CSS class to clear the float, like so:
and then add that new class to the paragraph, as in <p class="clearfloat"></p>, or add the code as an inline style, as in <p style="clear:both"></p>.
Use overflow:hidden in the parent container that holds the floats.
Float clearing CSS:
<!--add after floats are no longer needed-->
<hr class="clearing" />
Thanks for the reply.
But it's a wordpress site so I don't know that it will help you much.
I want to build my own sites using CSS instead of using Wordpress.
In this instance I want the text (as you see it) on the right of the woman's image and then to stop and the bottom of the image.
If you choose to explain then please explain how to do it using Dreamweaver, because I might learn some coding doing in manually, but it won't help me learn DreamWeaver.
Learning to work with code is an essential first step in web design/development. Without a working knowledge of code basics, you will find DW very hard to work with.
WordPress is a whole other matter. To customize a WP Theme, you must understand how WP works and have strong coding skills in CSS, PHP & HTML.
Nancy, I do appreciate your taking the time to reply and for trying to help me!
And I am making an effort to learn code ;-)
But the reason that I coming to this forum for help is that it's a Dreamweaver forum.
I'm not yet nearly ready to hand-code and if I was then I'd be going to a strictly CSS forum.
Michael, it sounds to me like you are thinking Dreamweaver is a WYSIWYG program, and it is not. What it is is a very powerful tool that can automate some hand coding functions but really expects the end user to be familiar with the basics of HTML and CSS. As Nancy (who I recommend you listen to before you listen to me) hints, without being able to understand coding, and in essence doing it by hand, you are likely to be frustrated using Dreamweaver.
Adobe Developer's Center - Getting Started tutorials
Creating your first web site in DW - 6-part tutorial
Thanks Nancy, and I will check out the tutorials.
I have three WP sites and as good as the system is there are definite drawbacks.
Having to use plug-ins that become outdated and often having to remake past changes to WP because of a new version.
Templates that may no longer work etc. Apart from the obvious lack of control.
So the next site I build I want to do alone.
I used to build sites using HTML with tables etc but no longer what to do that.
A friend of mine helped me put together a site which at first glance would appear to have lots of tables, but it doesn't have any.
There are no recent photos, since my daughter, who has a lot of photographic talent, more than me, commandeered my Nikon and lenses. It's nice to have kids ;-)
When I first posted here as to how to "clear left" I was hoping to be spoon fed which maybe isn't possible.
Edit class; choose box; choose float; enter in dimensions of image etc.
BTW i thought that studying the code that DW created would be a good way of learning to write code.
I tried about 20 links to CS4 tutorials and on every one of them I got
Sorry, this page is not available
That very nasty of Adobe!
Someone bought their product and they want to force you to upgrade it!
All the CS4 tutorials have now been replaced by CS5 and even CS6 ones.
Why replaced and just not new?
$$$ but not public loyalty.