T ; making a box inside a box (boxception)
random freebies.
This tutorial is requested. If you have any more questions, feel free to ask.
Note : Please hover over ther underlined texts, if you want or can't understand what I mean.
Click here for pictures: 1 | 2 | 3 | 4 | 5. It's different from the one below.
Note : Please hover over ther underlined texts, if you want or can't understand what I mean.
Click here for pictures: 1 | 2 | 3 | 4 | 5. It's different from the one below.
height:70px; width:440px; margin:10px 30px 0px
height:70px; width:460px; margin:0px 20px
height:70px; width:480px; margin:0px 10px
height:70px; width:420px; margin:0px 40px
< div style=" height:300px; width:500px; background-color:#EF5B4D; float:left; margin:5px 50px; ">
< div style="height:70px; width:440px; background-color:#FA898B; float:left; margin:10px 30px 0px; ">< /div >
< div style="height:70px; width:460px; background-color:#FDB1C8; float:left; margin:0px 20px; "> < /div >
< div style="height:70px; width:480px; background-color:#CDDE4E; float:left; margin:0px 10px; "> < /div >
< div style="height:70px; width:420px; background-color:#DEBA4E; float:left; margin:0px 40px; "> < /div >
< /div >
first, just create a box. make sure the size is easy to subtract to or divide (if you're making multiple boxes inside the box).
next, add another box inside the 'div' tag. adjust the size according to your margin.
the 'margin bottom' can be set to 0, so it'll be easy to code. it'll make your work less, it's easier than doing '-10, -32, -53, etc.
I really don't know how to explain this, but I hope at least my example can be understood. ^^;
< div style="height:70px; width:440px; background-color:#FA898B; float:left; margin:10px 30px 0px; ">< /div >
< div style="height:70px; width:460px; background-color:#FDB1C8; float:left; margin:0px 20px; "> < /div >
< div style="height:70px; width:480px; background-color:#CDDE4E; float:left; margin:0px 10px; "> < /div >
< div style="height:70px; width:420px; background-color:#DEBA4E; float:left; margin:0px 40px; "> < /div >
< /div >
first, just create a box. make sure the size is easy to subtract to or divide (if you're making multiple boxes inside the box).
next, add another box inside the 'div' tag. adjust the size according to your margin.
the 'margin bottom' can be set to 0, so it'll be easy to code. it'll make your work less, it's easier than doing '-10, -32, -53, etc.
I really don't know how to explain this, but I hope at least my example can be understood. ^^;
Comments