Sent by Erik Peterson on 16 February 2005 20:08
Victor NOAGBODJI wrote:
> Good evening all,
> Here is the link to the online page:
> http://www.surprises.tg/cartes/sample.html
>
> As you can see the box "Top produits!" must be positionned
> right to the text.
>
> I have already done this with no problem using images, but
> it's more difficult using divs.
>
> Do you have any idea?
>
> Thanks a lot for helping.
> --
> www.cafe.tg
>
Hello Victor,
I am assuming that you'd like the text to flow around the box almost as
a pull quote? If not, can you post a link to the example with images so
that we can tell what effect you are trying to accomplish?
If so, you have an element in your HTML:
<br class="clearbox"/>
and the css: .clearbox { clear: both; }
This css rule will force the next paragraph to appear below the floated
div (essentially negating the "float" quality).
Floats pull themselves out of the flow of the document, so if you want
that une_boite-classed div to be near the top, put the div above the p
element (directly after the <div id="titre_cont">...</div>)
Also, the une_boite-classed div is nested with the preceding p element
which is not allowed in HTML 4.01 (Paragraphs can't contain other block
level elements). That doesn't seem to be disrupting the CSS, but it
often can since inheritance gets affected and will vary even more
greatly from browser to browser.
Hope that is helpful,
Erik
--
Erik Peterson
http://www.elementalmarkup.com
______________________________________________________________________
css-discuss [EMAIL-REMOVED]]
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/
