You may notice that the previous post on the main page totally screws up the blocking with the one before it. I am a sufficiently noobish CSS person that I don’t know how to make it right. Anyone want to help me fix this?
There is no knowing the Evil Eyebrow
You may notice that the previous post on the main page totally screws up the blocking with the one before it. I am a sufficiently noobish CSS person that I don’t know how to make it right. Anyone want to help me fix this?
By using “float:left” in your img.alignleft css entry you are telling it to float the image to the left of the containing (not the parent) element . i.e. your div class=”entry” So it’s doing exactly what you’re telling it to do. This will cause any text will wrap around it regardless of your paragraph tags.
If you put a right after your image it will correct it, which is not ideal but seems to work in all browsers.
If you don’t have firebug for firefox you should download it. It allows you to edit a site’s html and css right in firefox so it’s an easy way to troubleshoot something like this.
Thanks Jeff! I’ll check out firebug, too.