Question about creating a custom box

by 2 replies
3
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
#website design #box #creating #custom #question
  • 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>
  • 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/
    • [ 1 ] Thanks
Join the discussion

Next Topics on Trending Feed