and how do I do smthing similar for left side stacked tabs?
On Friday, 25 November 2011 01:33:03 UTC+8, Vinícius Moraes de Araújo wrote: > > Not at all > > Atenciosamente, > > Vinícius Moraes > > > 2011/11/24 Grantwood <[email protected] <javascript:>> > >> @Vinícius >> >> Thank you! I love how simple the solution was. >> >> On Nov 24, 10:12 am, Vinícius Moraes de Araújo >> <[email protected]> wrote: >> > .tab-content > .active, .pill-content > .active { >> > >> > 1. display: block; >> > 2. margin-top: -1px; >> > >> > } >> > >> > Line 273 of bootstrap.css >> > >> > Just do that and u will be fine. >> > >> > Atenciosamente, >> > >> > Vinícius Moraes >> > >> > 2011/11/24 Grantwood <[email protected]> >> > >> > >> > >> > >> > >> > >> > >> > > Hello, >> > >> > > I would like to have a border around the entire content of each tab. >> > > Here is my attempt so far: >> > >http://www.grantwoodmail.com/cart/product_detail.html >> > >> > > I think I'm on the right track, and I need help with: >> > > * removing the bottom border from the active tab >> > > * eliminating the double border along most of the top >> > >> > > Here is the relevant CSS and HTML. Any ideas? >> > >> > > .tabs { margin-bottom: 0;} /* Override of default margin */ >> > > .tab-pane { padding: 20px; margin-bottom: 30px; border: 1px solid >> > > #ddd; } >> > >> > > <ul class="tabs" data-tabs="tabs"> >> > > <li class="active"><a href="#tab1">Description</a></li> >> > > <li><a href="#tab2">Product Specs</a></li> >> > > </ul> >> > >> > > <div class="tab-content"> >> > > <div class="tab-pane active" id="tab1"> >> > > Praesent non enim sapien. Aliquam faucibus purus sed >> eros >> > > dignissim >> > > quis pharetra augue semper. Nullam et nisl in enim convallis consequat >> > > in vitae nisi. Phasellus massa est, lacinia et posuere eu, molestie at >> > > arcu. Morbi at arcu ipsum, at aliquet neque. Maecenas eu nulla et >> > > ligula eleifend sodales. Nunc pretium, ligula a bibendum convallis, >> > > nisl nisi iaculis odio, a malesuada erat nibh accumsan tortor. Nunc >> > > sit amet feugiat justo. Donec vehicula massa in est luctus varius. >> > > </div> >> > >> > > <div class="tab-pane" id="tab2"> >> > > Ut a pharetra massa. Mauris turpis quam, placerat >> dictum >> > > interdum >> > > at, tristique sed ipsum. Ut facilisis orci non dolor fringilla nec >> > > imperdiet nulla sollicitudin. Cras eget imperdiet mauris. Praesent at >> > > massa sed orci malesuada consectetur ac id ligula. Ut mollis luctus >> > > mattis. Donec convallis tempor odio quis egestas. Etiam nunc libero, >> > > auctor id posuere non, blandit et nunc. Ut nunc neque, adipiscing ut >> > > feugiat sed, vestibulum vitae lacus. Etiam pretium nisi faucibus felis >> > > imperdiet varius. Sed nec mauris ante, in malesuada enim. Nulla >> > > elementum condimentum dictum. >> > > </div> >> > > </div> >> > >> > > Regards, >> > > Sean >> > >
