Jump to content


Photo
- - - - -

Ok Really simple CSS question

css divs float side by side header

  • Please log in to reply
5 replies to this topic

#1 SaleekR

SaleekR

    Member

  • Members

  • 27 posts
  • Country: Country Flag

Posted 06 March 2013 - 03:15 PM

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?

 

Please Login or Register to see this Hidden Content

 

Thanks

 

 



#2 catrina

catrina

    Advocate

  • Members
  • 12345 posts
  • LocationCalifornia
  • Country: Country Flag

Posted 06 March 2013 - 05:22 PM

What code are you using to generate the three DIVs?



#3 SaleekR

SaleekR

    Member

  • Members

  • 27 posts
  • Country: Country Flag

Posted 06 March 2013 - 05:28 PM

Sorry. Here is the code

Please Login or Register to see this Hidden Content

and the css

Please Login or Register to see this Hidden Content

Please Login or Register to see this Hidden Content

Please Login or Register to see this Hidden Content

Please Login or Register to see this Hidden Content

You'll need Skype CreditFree via Skype


#4 James B

James B

    Advocate

  • Members

  • 5126 posts
  • LocationSurrey - UK
  • Country: Country Flag

Posted 06 March 2013 - 11:03 PM

Hi there,

 

I've just checked your site and the widgets are floating side by side, you seem to have this working now.

 

Let us know if you need further assistance



#5 SaleekR

SaleekR

    Member

  • Members

  • 27 posts
  • Country: Country Flag

Posted 06 March 2013 - 11:19 PM

No, I was just trying out using a table instead, but that didn't work in keeping the site responsive. Still need help.



#6 James B

James B

    Advocate

  • Members

  • 5126 posts
  • LocationSurrey - UK
  • Country: Country Flag

Posted 07 March 2013 - 12:12 AM

Hi there,

 

I think your easiest option would be to place a contentbox in the header section, content box is a free section available from the pagelines store. It allows you to add extra text/html to an area just like in the wp editor. You can then use the pagelines grid shortcodes to create three columns and enter your content in there. That way it will be perfectly aligned within the header.

 

You can find the grid shortcodes here -

Please Login or Register to see this Hidden Content

 

If you're still looking at the float option you'll need to float the all left in order for them to align horizontally.







Also tagged with one or more of these keywords: css, divs, float, side by side, header