3 {{ upvoteCount | shortNum }}
3 {{ upvoteCount | shortNum }}

Question about creating a custom box

by Genius At Play
2 replies
  • WEB DESIGN
    • |
I am wondering how I create a box which I input text in like the following...

(Custom box header image with url)
|____________________________|
|_____(color code)_____________|
|____________________________|
(Custom box footer image url)

Help GREATLY appreciated
#box #creating #custom #question
  • Profile picture of the author Genius At Play
    Got it if anyone was wondering this is the answer

    <body>
    <table width="650" border="0" align="center" cellpadding="0" cellspacing="0">
    <tr>
    <td>
    <img src="images/bgheader.jpg" alt="Header" width="650" height="71" /></td>
    </tr>
    <tr>
    <td background="images/bgbody.jpg"><table width="580" border="0" align="center" cellpadding="0" cellspacing="0">

    </tr>
    </table>
    </td>
    </tr>
    <tr>
    <td>
    <img src="images/bgfooter.jpg" alt="Footer" width="650" height="109" /></td>
    </tr>
    </table>
    {{ DiscussionBoard.errors[8653568].message }}
  • Profile picture of the author Andrew H
    And since it's not 1999 anymore, I present you the proper way (ie: not tables...) to do this:

    HTML Code:
    <div class="container">
    <div class="header">
        <img src="http://www.warriorforum.com/images/bgheader.jpg" alt="Header" width="650" height="71" />
    </div>
    <div class="content">
        
         <!-- this is where you place your content -->

    </div>
    <div class="footer">
        <img src="http://www.warriorforum.com/images/bgfooter.jpg" alt="Footer" width="650" height="109" />
    </div>
</div>
    Here you go: http://jsfiddle.net/AUKDB/1/
    Signature
    "You shouldn't come here and set yourself up as the resident wizard of oz."
    {{ DiscussionBoard.errors[8653825].message }}

Trending Topics