image shifts text

  • Well I’ve run into a little niggle – I’ve added a smaller image than the ones in the header for each category. This is fine for the most part, except it shifts the text. I’ve applied a seperate div to the text and the image – the reason it shifts down is because the image is 30px in height, and I’ve added that to the style so that it shows all rather than part of the image. Taking away the height brings the text back in alignment, unfortunately it seems to cut off the image as well.

    Should I add floats to both items? Is having so many floats going to sink the site? I haven’t checked it in IE yet, one I’m done in FF then I’ll look at it, for now I just need to figure this one out.

    Thanks in advance

    EDIT: I added a left float to all the relevant items and the iamge disappeared, the text aligned, but the text in the box was stuck to the last letter of the title and indented.

Viewing 2 replies - 1 through 2 (of 2 total)

  • Well you are on the right lines. Define a width for all floated items. Then set a margin for the text (it will need to be a margin from the container – not the image ).

    Thread Starter jinsan

    (@jinsan)

    Sweet. Works good. Thanks….again..and again…probably used to it by now ??

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘image shifts text’ is closed to new replies.