SitePoint Sponsor

User Tag List

Results 1 to 4 of 4
  1. #1
    SitePoint Member
    Join Date
    Apr 2010
    Posts
    2
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    Help with tables...

    Yup you read right..... tables!.
    Before y'all laugh and start throwing abuse I'm still dabbling/learning CSS so for the meantime table suits all my website needs.

    I hope this is in the right place
    I'm having problems with one column in particular
    Image 1: http://i43.tinypic.com/105yxx1.png
    Image 2: http://i43.tinypic.com/2cwx6vs.png

    As you can see in the design view (Image 1) there is no space between the header images (eg '(s)crap') and the image underneath but when i preview the page in firefox (Image 2)there is spacing
    Hopefully there is a simple solution and I've just missed something really silly!

    I can post the code if it helps..

    Thanks in advance

  2. #2
    billycundiff{float:left;} silver trophybronze trophy RyanReese's Avatar
    Join Date
    Oct 2008
    Location
    Whiteford, Maryland, United States
    Posts
    13,623
    Mentioned
    6 Post(s)
    Tagged
    0 Thread(s)
    Hi, this could be a few things at play here. Try setting the image to a vertical-align:bottom to kill wihtespace under it.
    Code:
    img{vertical-align:bottom;}
    Can you post this online for us to look at? If not, then post full HTML/CSS (though we'd really prefer a link to accesss the images)
    Always looking for web design/development work.
    http://www.CodeFundamentals.com

  3. #3
    SitePoint Member
    Join Date
    Apr 2010
    Posts
    2
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Cheers RyanReese

    I selected the image and put in the code but still the same problem
    maybe I put the code in the wrong place...?
    Image: http://i40.tinypic.com/30xfmo9.jpg

    I've uploaded the images to my site so maybe you can have a look at the code yourself and see how bad the spacing is

    Site: http://m-comics.co.uk/ (scroll down)
    cheers!

  4. #4
    billycundiff{float:left;} silver trophybronze trophy RyanReese's Avatar
    Join Date
    Oct 2008
    Location
    Whiteford, Maryland, United States
    Posts
    13,623
    Mentioned
    6 Post(s)
    Tagged
    0 Thread(s)
    HI, you are doing tables for layouts and due to the wayyou structured, this should be happening (because you do each set of image in a seperate row and the bigger image on the left is cuasing the bottom rightish image to show up further down)

    I'd lose the tables and just create it via floats. I'd wrap the images in hte left in a <div> floated left (width a width)

    Then have all the images on the rightwith a width floated left as well (make this latert in the source then the left images <div>)

    It should line up (assuming your width isn't too big.)

    Mess with margins to perfection .
    Always looking for web design/development work.
    http://www.CodeFundamentals.com


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
  •