CODEWITHSUNDEEP
htmlcsslayout
Genadinik
Genadinik

Reputation: 18639

Having trouble aligning photo and text horizontally

I am trying to place a member's photos next to their comments. I am working from a wireframe that requires side by side image and text.

On the default tab there are 3 comments. I am trying to also display the members photo on the left of the comment, but can't get it to render for some reason.

Any idea why the photo isn't rendering on the left and how I can align it? I am looking in Firebug, but somehow can't find the problem.

Upvotes: 0

Views: 52

Answers (2)

Royi Namir
Royi Namir

Reputation: 148624

bad html

https://i.sstatic.net/orinI.jpg enter image description here

edit

https://i.sstatic.net/mSLnw.jpg

enter image description here

Upvotes: 0

Ibu
Ibu

Reputation: 43840

Here is your problem

<div style="float:left><img src=/img/member_photo/1/mid_thumb.jpeg width="100" ></div>

it should be:

<div style="float:left"><img src="/img/member_photo/1/mid_thumb.jpeg" width="100" ></div>

You missed the quotes

Upvotes: 2

Related Questions