Skip navigation
Currently Being Moderated

Waiter!!!! a Booth! NOT A TABLE!

Jan 11, 2014 2:54 PM

I have a client who wants me to update their HUGE HUGE HUGE website, They have 1,000s of products. The person who did the site many years ago used DW, but every page is made with TABLES. I am not much of a supporter of tables and have read to stay away from them except for FORMS and data.

 

On 2 of their MONSTER products pages they want 3 images across and as many ROWS down as it takes ad at last count some where like 100 rows long.

 

Every image (Line Drawing) will have a link to a Photo of it  and a Text hyper link to a CAD file

 

Any suggestions how I should approach this NOT USING tables. Or is tables he way to go here

 

Rich

 
Replies
  • Currently Being Moderated
    Jan 11, 2014 2:59 PM   in reply to rantingrich100

    Responsive or not?

     

    Nancy O.

     
    |
    Mark as:
  • Currently Being Moderated
    Jan 11, 2014 3:00 PM   in reply to rantingrich100

    rantingrich100 wrote:

     

    I have a client who wants me to update their HUGE HUGE HUGE website, They have 1,000s of products. The person who did the site many years ago used DW, but every page is made with TABLES. I am not much of a supporter of tables and have read to stay away from them except for FORMS and data.

     

    On 2 of their MONSTER products pages they want 3 images across and as many ROWS down as it takes ad at last count some where like 100 rows long.

     

    Every image (Line Drawing) will have a link to a Photo of it  and a Text hyper link to a CAD file

     

    Any suggestions how I should approach this NOT USING tables. Or is tables he way to go here

     

    Rich

     

    It's not enough information to go on.

     

    If you are saying the product page is 3 images across by 100 images down each with a link attached to them whats to stop you just using floated <divs> or floated anchor tags to house the images in the grid you need?

     

    The page may be more complicated than that but without additional information its hard to provide a difinitive answer.

     
    |
    Mark as:
  • Currently Being Moderated
    Jan 11, 2014 3:29 PM   in reply to rantingrich100

    Below is a semi-liquid gallery of images dynamically populated with PHP from a folder on the server.  No tables required for any of this. 

    http://alt-web.com/GALLERY/GalleryTest.php

     

    I suppose you could create multiple folders for different categories and simply point your PHP code to the relevant directory.

     

    To change content, client can add or delete images in the respective folders.

     

     

    Nancy O.

     
    |
    Mark as:
  • Currently Being Moderated
    Feb 4, 2014 4:40 PM   in reply to rantingrich100

    Can you use PHP/MySQL, or does everything have to be hardcoded? I mean if all of this data were in a database, then coding a page to look like this would be simple simon, really.

     
    |
    Mark as:
  • Currently Being Moderated
    Feb 4, 2014 10:54 PM   in reply to MurraySummers

    An unordered list with a float left in the css would do it. Something like this:

     

    <style type="text/css">    
        .products {
            width: 90%;
            margin: 0 auto;
        }
        .products ul{
            list-style: none;
        }
        .thirds {
            width: 33%;
            margin: 10px 0;
            float: left;
        }
        .thirds li {
            height: 150px;
        }
        .thirds img {
            width: 80%;
            margin: 0 auto;
            height: auto;
        }
        .clearL {
            clear: left;
        }
        </style>
    
        <div class="products">
            <ul>
                <li class="thirds"><img src="../images/product1.jpg" alt="product 1"></li>
                <li class="thirds"><img src="../images/product2.jpg" alt="product 2"></li>
                <li class="thirds"><img src="../images/product3.jpg" alt="product 3"></li>
                <li class="thirds"><img src="../images/product4.jpg" alt="product 4"></li>
                <li class="thirds"><img src="../images/product5.jpg" alt="product 5"></li>
                <li class="thirds"><img src="../images/product6.jpg" alt="product 6"></li>
            </ul>
            <div class="clearL" />
        </div>

     

    As Murray said if you had your products in a table and did the page in PHP you could show hundreds of products with about 10 lines of code.

     
    |
    Mark as:

More Like This

  • Retrieving data ...

Bookmarked By (0)

Answers + Points = Status

  • 10 points awarded for Correct Answers
  • 5 points awarded for Helpful Answers
  • 10,000+ points
  • 1,001-10,000 points
  • 501-1,000 points
  • 5-500 points