Internet Marketing Business Forum


Internet Marketing Business Forum » MAIN FORUMS » Web Design & Programming » How do I code my website layout to make 'boxes'?
Web Design & Programming Building websites, coding scripts or developing apps? html, css, javascripts, ajax, php, asp, java, c+, C++ and other geeky info is here.

Reply
 
LinkBack Thread Tools Display Modes
Old 07-31-2009, 07:25 PM   #1 (permalink)
 cupcake.'s Avatar
 
Status: Junior Member
Join Date: Jul 2009
Posts: 1
cupcake. is on a distinguished road
Default How do I code my website layout to make 'boxes'?

Click here for my soon to be layout:

http://thatcake.net/55.php

Well you see each blog entry, and see how theres a header and footer for each? yeah well i would like to have a 5px left/right border or background to turn it into a box. (thats why the top header has the short two lines on it). I've tried EVERYTHING! I'm so so so stuck!

How do I code this to make it possible into a box?
you see how it is on my sidebar?
yeah like that
cupcake. is offline  
Digg this Post!Add Post to del.icio.usBookmark Post in TechnoratiFurl this Post!Spurl this Post!Reddit!
Reply With Quote
Old 07-31-2009, 09:38 PM   #2 (permalink)
 Kushal's Avatar
 
Status: Junior Member
Join Date: Jul 2009
Posts: 1
Kushal is on a distinguished road
Default

just do like that


<div class="box">
<div class="box_top">image for box top</div>
<div class="box_content">
content of your box
</div>
<div class="box_bottom">image for box bottom</div>
</div>


now write the following css

.box_top {
width:width of the top image;
height : heitht of the top image;
}

.box_bottom {
width:width of the bottom image;
height : heitht of the bottom image;
}


.box_content {
width:width of the box;
background:url(image that should be repeat to show sides of your box ) repeat-y;
}


try to cut the image for top and bottom in same width

hope that should work
Kushal is offline  
Digg this Post!Add Post to del.icio.usBookmark Post in TechnoratiFurl this Post!Spurl this Post!Reddit!
Reply With Quote
Reply
Thread Tools
Display Modes

Posting Rules
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts

vB code is On
Smilies are On
[IMG] code is On
HTML code is Off
Trackbacks are On
Pingbacks are On
Refbacks are On


All times are GMT -4. The time now is 08:58 AM.
Powered by vBulletin® Version 3.7.0 Beta 6
Copyright ©2000 - 2012, Jelsoft Enterprises Ltd.


Nav Item BG