Jump to content

Search the Community

Showing results for tags 'divs'.



More search options

  • Search By Tags

    Type tags separated by commas.
  • Search By Author

Found 2 results

  1. Special navigation with divs

    I am trying to replicate the 'find', 'list', 'contact' menu bar here: http://www.huntersfairwaysothebysinternationalrealty.com/eng I believe I can do this with bootstrap components so I ended up putting this up there: <div class="bs-docs-example"> <div class="tabbable tabs-left"> <ul class="nav nav-tabs"> <li class="active"><a href="#lA" data-toggle="tab">Find</a></li> <li><a href="#lB" data-toggle="tab">List</a></li> <li><a href="#lC" data-toggle="tab">Contact</a></li> </ul> <div class="tab-content"> <div class="tab-pane active" id="lA"> alkdflkjas </div> <div class="tab-pane" id="lB"> The Art of Selling your Home. </div> <div class="tab-pane" id="lC"> <h2 style="padding-left: 30px;">Two locations to best serve your needs.</h2> <div class="info-block"> <p style="padding-left: 30px;"><a class="btn" href="/eng/offices/usa">VIEW LOCATIONS</a></p> <p style="padding-left: 30px;"><a href="/office/316-b-972-4000408">Wynstone</a>: +1 847.381.7100</p> <p style="padding-left: 30px;"><a href="/office/316-b-2013-4000932">Downtown Barrington</a>: +1 847.381.2049</p> <p style="padding-left: 30px;"><a href="mailto:[email protected]">[email protected]</a></p> </div> </div> </div> </div> </div> with this css: .tabs-left .nav-tabs > li > a { background-attachment:scroll; background-color:transparent; background-image:url(http://www.huntersfairwaysothebysinternationalrealty.com/resources/v_1_1_21_2/palettes/sir.dms.one/images/bg-footer-home.png); background-position:0 0; background-repeat:repeat repeat; color:#FFFFFF; float:left; padding:15px 20px 15px 30px; width:260px; } .tab-content { background-color:transparent; background-image:url(http://www.huntersfairwaysothebysinternationalrealty.com/resources/v_1_1_21_2/palettes/sir.dms.one/images/bg-footer-home.png); background-position:0 0; background-repeat:repeat repeat; display:table; padding-top:5px; width:100%; margin-left:313px; margin-bottom:313px; } h2 { color:#ffffff; font-size:28px; } I cannot figure out how to move the tab content div up to be even with the menue items. you guys rock, btw
  2. My brain is fried and i'm sure this is a simple fix, but my mind just wants to sleep... I'm trying to replace the branding section with the universal sidebar and a text widget to get 3 divs floating side by side. But for the life of me i just can't get it to work. Any suggestions as to what i did wrongs? http://cloudcomputingnewyork.com/dev/ Thanks
×