CSS Template Help

Discussion in 'HTML & Website Design' started by A-GB, May 11, 2011.

  1. #1
    Hello,

    I have been looking around for tutorials on css and html but I am unable to find one for what I am trying to create. Maybe you can help me as I'm sure this is a pretty simple request.

    The page is split into three sections... Menu, Ads, and Content. Across the top of the page I want a bar which is about 70 pixels in height. On the left is the Menu section which hold a few menu images. On the right is the 468 * 60 Ads. The remaining part of the page I want to be the Content. This must use 100% of the remaining screen size without any borders or margins.

    Can you help me out here please.

    Thanks
    A-GB
     
    A-GB, May 11, 2011 IP
  2. alphshuffel

    alphshuffel Peon

    Messages:
    53
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    0
    #2
    you should use div tags and you can do with this easily. Did you visited W3Schools? that is a great source of learning web programming especially for html/css. I hope that you can get precious knowledge from there. That will surely be a successful website for your knowledge.
     
    alphshuffel, May 11, 2011 IP
  3. A-GB

    A-GB Peon

    Messages:
    7
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    0
    #3
    I have tried to create the page but keep hitting obstacles and it is very frustrating.
     
    A-GB, May 11, 2011 IP
  4. alphshuffel

    alphshuffel Peon

    Messages:
    53
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    0
    #4
    Your query is not fully understandable. Did you use tables ever? It is more easy to work in tables. If you sketch an image in which you describe what you need exactly, then it is possible that I may provide you complete solution.
     
    alphshuffel, May 11, 2011 IP
  5. A-GB

    A-GB Peon

    Messages:
    7
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    0
    #5
    Something like this...
    [​IMG]
     
    A-GB, May 11, 2011 IP
  6. alphshuffel

    alphshuffel Peon

    Messages:
    53
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    0
    #6
    here is the code

    ------------------
    <html><body>
    <table cellspacing="0" cellpadding="1" border="1" align="" width="900" summary="">
    <tbody>
    <tr>
    <td height="70" width="432">Paste Your Images for menues here</td>
    <td width="468">Your Ad <br />
    </td>
    </tr>
    <tr>
    <td colspan="2">This is for your content</td>
    </tr>
    </tbody>
    </table>
    </body></html>
    -----------------------------

    Paste it in txt file and save as, sample.html
    then view in your browser. Enjoy
     
    alphshuffel, May 11, 2011 IP
  7. A-GB

    A-GB Peon

    Messages:
    7
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    0
    #7
    Thank you :)
     
    A-GB, May 11, 2011 IP