Jump to content


Photo
- - - - -

Special navigation with divs

divs bootstrap components css margins

Best Answer James B , 05 April 2013 - 11:57 PM

The layout looks different from yesterday, but the content when i click the button is still showing in alignment - http://screencast.com/t/e4V6ognXO

Go to the full post


  • Please log in to reply
5 replies to this topic

#1 jonthompson

jonthompson

    Super Member

  • Members
  • 100 posts
  • Country: Country Flag

Posted 04 April 2013 - 10:01 PM

I am trying to replicate the 'find', 'list', 'contact' menu bar here: 

Please Login or Register to see this Hidden Content

 

I believe I can do this with bootstrap components so I ended up putting this up there:

 

Please Login or Register to see this Hidden Content

 

with this css:

Please Login or Register to see this Hidden Content

 

I cannot figure out how to move the tab content div up to be even with the menue items. 

 

you guys rock, btw

 

 



#2 jonthompson

jonthompson

    Super Member

  • Members
  • 100 posts
  • Country: Country Flag

Posted 04 April 2013 - 10:02 PM

forgot to put it there, but here is the new location I am building. 

Please Login or Register to see this Hidden Content



#3 James B

James B

    Advocate

  • Moderators
  • 4979 posts
  • LocationSurrey - UK
  • Country: Country Flag

Posted 04 April 2013 - 11:49 PM

I'm been looking into this one, seems like you've managed to fix in the meantime. They're all appearing in alignment now.



#4 jonthompson

jonthompson

    Super Member

  • Members
  • 100 posts
  • Country: Country Flag

Posted 05 April 2013 - 02:30 PM

I couldn't fix it. I need that main content div to be moved up, so that it is on the right of the tab. 



#5 James B

James B

    Advocate

  • Moderators
  • 4979 posts
  • LocationSurrey - UK
  • Country: Country Flag

Posted 05 April 2013 - 11:57 PM   Best Answer

The layout looks different from yesterday, but the content when i click the button is still showing in alignment -

Please Login or Register to see this Hidden Content


  • jonthompson likes this

#6 jonthompson

jonthompson

    Super Member

  • Members
  • 100 posts
  • Country: Country Flag

Posted 15 April 2013 - 10:04 PM

This helped a lot:

Please Login or Register to see this Hidden Content

 

I used relative positioning. 







Also tagged with one or more of these keywords: divs, bootstrap, components, css, margins