#1
  1. No Profile Picture
    .
    Devshed Newbie (0 - 499 posts)

    Join Date
    Dec 2002
    Posts
    296
    Rep Power
    12

    [css] text up to the right of pic somehow?


    hiyer,

    i've got a basic page layout - 1 fixed width column centered on the page containing text and pictures.

    there's text that goes with each picture and i'd like to somehow get the text next to, to the right, of the pictures, rather than underneath using css.

    i've put together a small simple example of the exact setup on this page:

    http://www.pinkgoblin.com/~cumminjo/...t/coltest.html

    all the css used so far is in the html head.

    any ideas how that should be done? thanks.
  2. #2
  3. No Profile Picture
    Contributing User
    Devshed Intermediate (1500 - 1999 posts)

    Join Date
    Nov 2001
    Posts
    1,882
    Rep Power
    19
  4. #3
  5. No Profile Picture
    .
    Devshed Newbie (0 - 499 posts)

    Join Date
    Dec 2002
    Posts
    296
    Rep Power
    12
    yup, getting there. thanks.

    the images themselves are floating away to the right aswell as the text:

    http://www.pinkgoblin.com/~cumminjo/.../coltest2.html

    :/ any ideas?

    thanks.
  6. #4
  7. |<.+#f@#+.&.|
    Devshed Loyal (3000 - 3499 posts)

    Join Date
    Mar 2002
    Location
    norway
    Posts
    3,009
    Rep Power
    1224
    try to add this to css

    css:
    p {clear:left;}


    and write the text in the same paragraph as the image

    html:
    <p><img rc="coltest2_files/a-picture.png" class="floatimg" width="260px" height="130px">
    <span class="hello">some text i'd really like to get to the right of the picture, rather than underneath.</span></p>



    remember to set px to width and height,
  8. #5
  9. No Profile Picture
    .
    Devshed Newbie (0 - 499 posts)

    Join Date
    Dec 2002
    Posts
    296
    Rep Power
    12
    yup, that works a treat. thanks. the bottom looks a bit odd but it doesn't matter because i only put the dashed line on for the purposes of the example page, so i don't intend to actually use the dashed line.

    http://www.pinkgoblin.com/~cumminjo/.../coltest3.html

    thanks very much that is exactly what i was after.

    at the risk of being annoying, a further question: what if i wanted to get each of the text blocks ranged to the bottom of the pictures rather than the tops as they are at the moment in the above linked to example? is that possible? would it need to be done using a completely different method?
  10. #6
  11. No Profile Picture
    .
    Devshed Newbie (0 - 499 posts)

    Join Date
    Dec 2002
    Posts
    296
    Rep Power
    12
    oh, except it's not working in explorer (5.2 os x) :/

IMN logo majestic logo threadwatch logo seochat tools logo