Abit of positioning/floating/wrapping help please

Question

http://imagesandwords.org.uk/abba/index.php
In that page the first paragraph of text seems to be affected
by the floated image (Local Value) preventing the text from
spreading accross the page. It's the paragraph "Work Out What..."
In this page:
http://www.abbaskiphire.co.uk/test/pages/patch.php
it doesn't cause a problem and this one is OK too:
http://www.abbaskiphire.co.uk/test/pages/skipbag.php
Is it possible to fix?
Thanks
Martin

Answer 1

Do me a favor - get rid of your longdesc attributes.
Then, change this -
<div id="intro">
<img src="siteimages/FlashLocal.png" alt="Best Value!"
width="127"
height="132" id="bestvalue" longdesc="A small Graphic
declaring, best value!
in bright Red and Yellow." /><h2 id="h2First">Your
Local Answer to Skip
Hire</h2>
<p>If you are looking for Skip Hire and you need it in
the <a
href="pages/patch.php">Sevenoaks area</a> of Kent,
you are in the right
place. Our site should give you just enough information to
help you.</p>
<!--end intro--> </div>
<div id="steps">
<h3>Here's what to do:</h3>
<div> <img src="siteimages/calc.gif" alt="A graphic
showing a sum"
width="150" height="100" class="frontimglft"
longdesc="siteimages/abba_0147.jpg" />
<h3>1. Work Out What You Need</h3>
to this -
<div id="intro" style="overflow:hidden;">
<img src="siteimages/FlashLocal.png" alt="Best Value!"
width="127"
height="132" id="bestvalue" /><h2 id="h2First">Your
Local Answer to Skip
Hire</h2>
<p style="margin-bottom:0;">If you are looking for
Skip Hire and you
need it in the <a href="pages/patch.php">Sevenoaks
area</a> of Kent, you are
in the right place. Our site should give you just enough
information to help
you.</p>
<!--end intro--> </div>
<div id="steps">
<h3 style="margin-top:0;">Here's what to
do:</h3>
<div> <img src="siteimages/calc.gif" alt="A graphic
showing a sum"
width="150" height="100" class="frontimglft" />
<h3>1. Work Out What You Need</h3>
And unless I'm mistaken, you should fix these strange words -
Creidt Cared Logos
Murray --- ICQ 71997575
Adobe Community Expert
(If you *MUST* email me, don't LAUGH when you do so!)
==================
http://www.projectseven.com/go
- DW FAQs, Tutorials & Resources
http://www.dwfaq.com - DW FAQs,
Tutorials & Resources
==================
"martcol" <[email protected]> wrote in
message
news:[email protected]...
> Hello Murray
>
> Thank you so much for your help. I think I must have
been banking on
> already
> declared the text size in a previous rule for some other
<h3> occurence.
> It's
> tricky keeping track of things as a style sheet grows!
>
> The text wrap thing that's bothering me is the text you
identify but that
> it's
> impeded by the star image above it in #intro rather than
wrapping under
> the
> "equation" graphic. As you scroll down that page, other
paragraphs of
> text
> next to left-floated images seem to make it over to the
the right hand
> edge of
> the main content.
>
> I have worked out that if I include:
> #intro {
> overflow: hidden;
> width: auto;
> }
> that fixes it but creates a wadge of white-space between
the the first
> para/img after the intro. If using the overflow; hiddne
rule is
> appropriate
> should I deal with the white space using a negative
margin?
>
> Thanks
>
> Martin
>