My aproach:
*.box {
border: 1px solid #ddd;
padding: 12px;
}
<div class="span3">
<div class="box">
*
* <h3>Parent Category 1</h3>
</div>
</div>*
On Sun, Jul 15, 2012 at 3:46 PM, Dan Vega <danv...@gmail.com> wrote:
> I am trying to figure out how to do the this layout. If you look at my
> mockup I want to have a footer navigation on each template that contains a
> newsletter signup, social media links and some helpful website links. What
> I am looking for is a layout just like http://www.express.com/home.jsp
>
> This is what I have so far.I have a navfooter class wrapping everything to
> give it the gray background and set its height. My questions are
>
> 1.) how can I add padding? Every time I add padding it throws the whole
> layout off. Do i have to add the padding to the individual children? ie
> h3/lists/etc
> 2.) how can I add borders in between category
> 1/category2/shopping/website.
> 3.) how would you smart people approach this?
>
> <div class="navfooter">
> <div class="row">
> <div class="span6">
> email newsletter signup
> </div>
> <div class="span6" align="right">
> social media icons
> </div>
> <div class="clear"> </div>
> <div class="row">
> <div class="span3">
> <h3>Parent Category 1</h3>
> </div>
> <div class="span3">
> <h3>Parent Category 2</h3>
> </div>
> <div class="span3">
> <h3>Shopping</h3>
> </div>
> <div class="span3">
> <h3>Our Website</h3>
> </div>
> </div>
> </div>
> </div>
>
> Thanks for the help!
>
--
Raul Matei
+40741351728
