Box within a box?

  • 1
  • Question
  • Updated 8 years ago
How do you get a box within a box? I have a few pictures within a box but want to put individual boxes around these pictures is this possible?

http://abbotsfordgolfsection.yolasite...
Photo of Craig

Craig

  • 449 Posts
  • 11 Reply Likes

Posted 8 years ago

  • 1
Photo of UK Duke

UK Duke, Champion

  • 3321 Posts
  • 213 Reply Likes
The way i know how to do it is a outer div containing a table with 3 columns and 3 divs within those columns. Like this.

<!--

<div style="width: 100%; padding: 10px; background-color: #ffffff; border: 1px solid #CCCCCC;">
<table width="100%"><tbody><tr><td>

<div style="width: 90%; padding: 10px; background-color: #ffffff; border: 1px solid #CCCCCC;">
<br>
<br>
</div>
</td>

<td>
<div style="width: 90%; padding: 10px; background-color: #ffffff; border: 1px solid #CCCCCC;">
<br>
<br>
</div>
</td>

<td>
<div style="width: 90%; padding: 10px; background-color: #ffffff; border: 1px solid #CCCCCC;">
<br>
<br>
</div>

</td></tr></table></tbody>
</div>

Add your images code in between the <br> tags or add the whole thing to a text widget and add your images the normal way.

-->

Lee.
Photo of Craig

Craig

  • 449 Posts
  • 11 Reply Likes
Hi Duke thanks for the code but is there any way to add a shadow to the inside boxes too?
Photo of Boomer

Boomer, Champion

  • 2055 Posts
  • 84 Reply Likes
Hey Craig, I would just create one large image with all your smaller pictures in it and place it in ONE surrounding div box. That would be the easiest I think.