billy_111 — 2010-06-22T15:21:43-04:00 — #1
Can anyone see why the bottom border shows in the middle of the image..
I need it to appear just after the image..
Problem is that it is controlled via TinyMCE so a lot of it is invalid HTML i think...
Can anyone help?
drsim — 2010-06-25T04:05:58-04:00 — #2
always use css to clear=both. this habit will help you a lot in adopting of html 5
scallioxtx — 2010-06-25T03:47:06-04:00 — #3
AFAIK no, but it would seem it's frowned upon (as it defines layout, not structure).
clear: both using CSS is better as I understand it.
billy_111 — 2010-06-22T20:02:48-04:00 — #4
Ah yes the famous <br clear="all"/> worked!
black_max — 2010-06-25T02:33:05-04:00 — #5
<br clear="all"> deprecated?
scallioxtx — 2010-06-22T19:54:29-04:00 — #6
The image is floating (it has float: right;) so it isn't calculated in the height of the containing div.
You should either add a div or span with clear:both at the end of the containing div or add a <br clear="all" /> at the end of the containing div.
billy_111 — 2010-06-22T19:40:36-04:00 — #7
i know but i don't understand why it appears in the middle of the image, the border bottom should appear after the image?
Or am i doing something wrong?
scallioxtx — 2010-06-22T18:18:51-04:00 — #8
It's in the HTML:
<div style="margin-bottom: 15px; border-bottom: 1px solid rgb(192, 192, 192);">
Note: I copy/pasted this from FireBug, the HTML itself probably doesn't say rgb(192, 192, 192) but some hexadecimal value. FireBug tends to rewrite those to rgb. Dunno why.