The forums ran from 2008-2020 and are now closed and viewable here as an archive.

Home Forums CSS image question

  • This topic is empty.
Viewing 3 posts - 1 through 3 (of 3 total)
  • Author
  • #26707
    The Admiral

    Here is the page I’m working on.

    I apologize ahead of time for the lousiness of this site. I was merely hired to come in and "fix" some stuff.

    Scroll down a bit to the part with the four boxes in a grid and look at the bottom left box with the heading "Talking Points Podcast".
    The designer I’m working with is concerned with the fact that there is "too much space" between the image of the girl and the text.

    She wants to be able to put images with a variety of sizes in any of these boxes while maintaining the same margin between the image on the left and the text to the right (like in the boxes above).
    In the current css the images are floated left and the text is floated right.

    Is there a way to achieve what she wants? Essentially the ability to plug in new images of any size (especially smaller ones) while maintaining a close margin between the image and the text?

    I appreciate any input anyone might be able to provide. :)



    Width and float:right from the <p> tag.


    Padding-left:10px to the <p> tag.


    Float:left to float:right on the <img>.

    That is what I would do.

    The Admiral

    Thank you both for the suggestions.
    I ended up floating both the img and the p to the left and adding some left padding to the p. It does create a bit of space to the right of the text but, hey, when you’re forced to adhere to a two-column layout such things might be unavoidable, no?

    Thanks again! :mrgreen:

Viewing 3 posts - 1 through 3 (of 3 total)
  • The forum ‘CSS’ is closed to new topics and replies.