Yahoo Answers is shutting down on May 4th, 2021 (Eastern Time) and beginning April 20th, 2021 (Eastern Time) the Yahoo Answers website will be in read-only mode. There will be no changes to other Yahoo properties or services, or your Yahoo account. You can find more information about the Yahoo Answers shutdown and how to download your data on this help page.

Trending News

Promoted
thesavorytrim
thesavorytrim asked in Computers & InternetProgramming & Design · 1 decade ago

Anyone know a simple HTML template for a product page?

Basically just wanting a few pictures, thumbs or whatever, and some info to the side. I'm running into hurdles on this and am really tired tonight. Would greatly appreciate some feedback on how to code it myself, or just a chunk of code.

4 Answers

Relevance
  • Anonymous
    1 decade ago
    Favorite Answer

    <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd%22%3E

    <html><head>

    <title>Photo Template</title>

    <meta http-equiv="content-type" content="text/html; charset=utf-8">

    <meta name="description" content="">

    <meta name="keywords" content="">

    <meta name="author" content="">

    <style type="text/css">

    * { margin: 0; padding: 0; border: 0; }

    body {

    background: #000;

    }

    #wrapper {

    width: 800px;

    margin: 0 auto;

    }

    div#left {

    float: left;

    width: 150px;

    height: 600px;

    border: 1px solid #f0f;

    clear: right;

    }

    div#right {

    float: right;

    width: 150px;

    height: 600px;

    border: 1px solid #f0f;

    }

    #content {

    float: left;

    width: 494px;

    height: 600px;

    text-align: center;

    border: 1px solid #f0f;

    }

    div.wrap_left_images, div.wrap_right_images {

    width: 48%;

    height: 500px;

    overflow: hidden;

    }

    div.wrap_left_images {

    float: left;

    text-align: left;

    clear: right;

    border: 1px solid #ff0; /* layout only. set to zero */

    }

    div.wrap_right_images {

    float: right;

    text-align: right;

    clear: right;

    border: 1px solid #f00; /* layout only. set to zero */

    }

    div.wrap_left_images h4, div.wrap_right_images h4 {

    text-align: center;

    color: #f0f;

    }

    </style>

    </head>

    <body>

    <div id="wrapper"><!-- START Wrapper -->

    <div id="left"></div>

    <div id="right"></div>

    <div id="content"><!-- START Contents -->

    <div class="wrap_left_images">

    <img src="images/lorem.gif" alt="">

    <h4>Caption Here</h4>

    <img src="images/lorem.gif" alt="">

    <h4>Caption Here</h4>

    <img src="images/lorem.gif" alt="">

    <h4>Caption Here</h4>

    <img src="images/lorem.gif" alt="">

    <h4>Caption Here</h4>

    <img src="images/lorem.gif" alt="">

    <h4>Caption Here</h4>

    <img src="images/lorem.gif" alt="">

    <img src="images/lorem.gif" alt="">

    <h4>Caption Here</h4>

    </div>

    <div class="wrap_right_images">

    <img src="images/lorem.gif" alt="">

    <h4>Caption Here</h4>

    <img src="images/lorem.gif" alt="">

    <h4>Caption Here</h4>

    <img src="images/lorem.gif" alt="">

    <h4>Caption Here</h4>

    <img src="images/lorem.gif" alt="">

    <h4>Caption Here</h4>

    <img src="images/lorem.gif" alt="">

    <h4>Caption Here</h4>

    <img src="images/lorem.gif" alt="">

    <img src="images/lorem.gif" alt="">

    <h4>Caption Here</h4>

    </div>

    </div><!-- END Contents -->

    </div><!-- END Wrapper -->

    </body></html>

    Ron

  • Anonymous
    4 years ago

    1

    Source(s): Phone Finder http://reversephonenumberlookup.enle.info/?ZLyd
  • Anonymous
    1 decade ago

    Hi, I suggest have a look at this directory, especially under 'templates' and 'e-commerce'

    http://webdesign.coolstart.nl/

    if you give more details it's more easy to give a more detailed answer, you will find it here I guess.

    PS, check also webpage-builder.com they offer great solutions for what you ask, if you have nothing against a WYSIWYG editor.

  • Anonymous
    1 decade ago

    Hi The Savory Trim.

    What I think best is you should visit the site http://www.w3schools.com/

    I feel this would be genuinely helpful for you.

    Regards.

    Source(s): My Experience
Still have questions? Get your answers by asking now.