SitePoint Sponsor

User Tag List

Results 1 to 7 of 7
  1. #1
    SitePoint Wizard
    Join Date
    May 2003
    Location
    Berlin, Germany
    Posts
    1,829
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    Css thumbnail gallery problem

    http://wildfiregames.com/tim_temp/das_team.html

    As you can see I am trying to get a list of employees alright. I'd like the images to be underneath each other, but the explaining text for each image right next to it.

    Therefore I floated all images to the left. The images also clear:both, or else with the relative psotioning they would form a stairs.

    Anyways. My current problem is that the first image of each category has the explaining texts of all images of that category beside it.

    What can I do about that?

    Thanks in advance.

  2. #2
    Caveat surfer Buddy Bradley's Avatar
    Join Date
    May 2003
    Location
    Cambridge, UK
    Posts
    2,366
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Maybe something like this would work?
    Code:
    <p><img src="john.jpg" width="100" height="150" alt="John" style="float: left;" />Here are some things about John.</p>
    <p><img src="jim.jpg" width="100" height="150" alt="Jim" style="float: left;" />Here are some things about Jim.</p>
    ?

  3. #3
    SitePoint Wizard
    Join Date
    May 2003
    Location
    Berlin, Germany
    Posts
    1,829
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Nope, doesn't work either. ;(

  4. #4
    Ding Fries are Done! inter4design's Avatar
    Join Date
    Mar 2003
    Location
    usa
    Posts
    386
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    or maybe use something a little bit more semantic.

    Code:
     <dl>
     	<dt>{{image goes here}}</dt>
     	<dd>discription goes here</dd>
     </dl>
     
     <dl>
     	<dt>{{image goes here}}</dt>
     	<dd>discription goes here</dd>
     </dl>
    css
    Code:
     dt {float: left}
    DoesItMatter
    - anyone seen my underwear?

  5. #5
    SitePoint Wizard
    Join Date
    May 2003
    Location
    Berlin, Germany
    Posts
    1,829
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Nope, also no improvement,

  6. #6
    Ding Fries are Done! inter4design's Avatar
    Join Date
    Mar 2003
    Location
    usa
    Posts
    386
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    sorry should also add

    dl { clear: both }
    DoesItMatter
    - anyone seen my underwear?

  7. #7
    SitePoint Wizard
    Join Date
    May 2003
    Location
    Berlin, Germany
    Posts
    1,829
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Thanks, man. That works.


Bookmarks

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •