Hello and welcome to our community! Is this your first visit?
Register
Enjoy an ad free experience by logging in. Not a member yet? Register.
Results 1 to 5 of 5
  1. #1
    New to the CF scene
    Join Date
    Jun 2009
    Location
    Atlanta, GA
    Posts
    8
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Macintosh having trouble with table in FF

    How's everyone doing?

    I have a small image gallery that i am coding with a table.

    Code:
    <div id="gallery_content" class="gallery">
        <table class="gallery2" cellpadding="3" cellspacing="3">
             <tr>
                  <td><a href="images/gallery/#.jpg" target="blank"><img class="thin" src="images/gallery/thumbs/#.jpg" width="200" height="150" alt="#" title="#" /></a><p class="capimg">Danny trying #</p></td>
             </tr>
        </table>
    </div>
    
    #gallery_content {
            margin:0px;
            width:900px;
            height:100%;
    }
    
    .gallery	{
            padding:0px 5px 0px 5px;
    }
    
    .gallery2   {
            padding:0px 10px 10px 0px;
    }
    
    img.thin	{
            border:thin solid black;
            padding:5px;
            margin:0px;
    }
    
    .capimg    {
    	font-family:arial, helvetica, verdana, sans-serif;
    	font-size:0.8em;
            font-style:italic;
    	color:black;
    	text-align:center;
    }
    (there are 4 images per row with 3 rows total)

    what is happening is as long as the captions are all the same number of lines (one or two), the images align properly. if one image has a 2-line caption and the one next to it has a 1-line caption, the 1-line caption images will vertical align center automatically. the captions render smaller in FF than Opera or Safari (on a mac so no IE).

    tried td height but did not work. should i chuck the whole XHTML table thing and re-build completely in CSS? Which browsers support CSS tables? saw the coding instructions in W3 css structure guidelines but need visual examples to really understand what is happening.

    Thanks for any help and appreciate your time!

    Lisa l;o)

  • #2
    Supreme Master coder! abduraooft's Avatar
    Join Date
    Mar 2007
    Location
    N/A
    Posts
    14,866
    Thanks
    160
    Thanked 2,224 Times in 2,211 Posts
    Why do you need that table there? Could you post a link to your page?
    The Dream is not what you see in sleep; Dream is the thing which doesn't let you sleep. --(Dr. APJ. Abdul Kalam)

  • #3
    New to the CF scene
    Join Date
    Jun 2009
    Location
    Atlanta, GA
    Posts
    8
    Thanks
    0
    Thanked 0 Times in 0 Posts
    Quote Originally Posted by abduraooft View Post
    Why do you need that table there? Could you post a link to your page?
    the gallery is it's own page. it is to display images of bike we've rebuilt. they are thumb links.

  • #4
    New to the CF scene
    Join Date
    Jun 2009
    Location
    Atlanta, GA
    Posts
    8
    Thanks
    0
    Thanked 0 Times in 0 Posts
    oh, silly me....

    http://axisandallied.net/photos.html

    need to think on a Saturday, who's a thunk it?

    l;o)

  • #5
    New to the CF scene
    Join Date
    Jun 2009
    Location
    Atlanta, GA
    Posts
    8
    Thanks
    0
    Thanked 0 Times in 0 Posts
    ok, think i got it!!!

    added css to <td>
    Code:
    td.gallery3  {
        vertical-align:top;
    }
    so html now reads:

    Code:
    <td class="gallery3"> etc etc...
    and it reads great on FFF!!!

    i am open to suggestions for a better way all around. knowing me i am probably over-coding. i am pretty sure i am overlapping properties among the gallery classes i have set up. seriously, if there is a better way to achieve this, i am all ears!!!

    thanks to all!


  •  

    Posting Permissions

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