[mohalfares]

Guys,

I'm trying to let the image appear within the paragraph, so I used this:

PHP Code:

img.floatLeft { 
    float: left;
    margin: 0 0 10px 10px;
    padding: 2px;
} 


When I call the image with the class floatLeft in a normal paragraph, everything goes just fine. The problem is when I call it in a paragraph where an <il> tag is there, then the points inside the <il> goes extremely right!

Am I missing something? please let me know

Thanks

[pgo]

What's an <il> tag and what's it doing in a <p>?

[mohalfares]

Ooops, did I say <il>!! , sorry, I meant <li>

Here is the HTML Code I've used along with the CSS above:

<ol>
<img class="floatLeft" src="/path/.gif" />
<li>text
<li>text
</ol>

[Shiro]

You have no <p> tag there (which you were talking about), and your li tags aren't closed.

What exactly is it you want to do, and why do you want to do that?

[pgo]

First off, that's invalid HTML for two reasons.

1. Your <li>s are not closed.
2. Your image is not inside an <li>. The only valid children of <ol> and <ul> are <li>s.
3. You haven't specified an alt attribute for your <img />.

Invalid code means unreliable rendering.

[campbell]

This goes into the HTML file where you want your image to be placed.

<p><img src="http://www.designerstalk.com/forums/images/imagename.jpg"class="img_yourname">Its a beautiful day in teh neighbohood. You paragraph goes here. Latidah ti dah. I don't know what else to say but yeaaa. </p>

This is for the css file.

.img_yourname{
float: right;
margin: 5px;
}

you can edit the attributes for the placement of the image instead of using what i have there.