BlogHarbor Home Page
FAQFAQ  SearchSearch  MemberlistMemberlist  UsergroupsUsergroups  UsergroupsRSS   RegisterRegister 
 ProfileProfile   Log in to check your private messagesLog in to check your private messages   Log inLog in 
Help positioning components in header
 
Post new topic   Reply to topic    BlogHarbor Community Forum Index -> General Discussion
View previous topic :: View next topic  
Author Message
Robin



Joined: 07 May 2005
Posts: 94

PostPosted: Tue Oct 24, 2006 8:27 pm    Post subject: Help positioning components in header Reply with quote

I currently have 2 components in my header, a logo image and a navigation bar. Both are located in the left column of the header on the Look & Feel page, but the logo "really" sits to the left on my page, while the nav bar runs across the entire page beneath the logo.

I'd like to add a google search box in the right portion of the header, across from the logo and above the nav bar. No matter where I add it on the Look & Feel page (center or right column), I can't get it to sit as high as the logo, and it messes up the navigation bar (e.g. the navbar gets smooshed by the search component and can't run across the page the way it should).

Suggestions? I took a wild guess and tried changing the vertical align for the right header to top instead of bottom and then placing the search component in the right header, but that didn't work.
Back to top
View user's profile Send private message Visit poster's website
john
Site Admin


Joined: 16 Mar 2004
Posts: 3434

PostPosted: Wed Oct 25, 2006 1:14 am    Post subject: Re: Help positioning components in header Reply with quote

What you really need here is a two row header... Our system creates a one row/3 column header for you by defualt, but it is possible to customize your base template to add additional custom rows. This would allow you to create a custom row which simply holds your navbar, allowing you to use the existing row and the standard look & feel controls to manage your logo and search box areas.

A previous thread in these forums showed how to create a 3 row header, you should be able to follow that technique to create your 2 row header...

Once you have that set, show it to us and we'll be able to help you fine tune the alignment of the objects within your header.
Back to top
View user's profile Send private message Send e-mail Visit poster's website
Robin



Joined: 07 May 2005
Posts: 94

PostPosted: Wed Oct 25, 2006 7:25 am    Post subject: Reply with quote

Thanks so much John!

Ok, I have moved the navigation bar into the base template and put the search box in the center column of the header. Now how to get the search box centered vertically within the header? It is sitting at the bottom of the header, just above the nav bar.
Back to top
View user's profile Send private message Visit poster's website
john
Site Admin


Joined: 16 Mar 2004
Posts: 3434

PostPosted: Wed Oct 25, 2006 8:19 am    Post subject: Reply with quote

Try adding this to your custom CSS style template:

Code:
table.blogHeader td.blogHeaderCenter {
    vertical-align: middle;
}

That should do it for you...
Back to top
View user's profile Send private message Send e-mail Visit poster's website
Robin



Joined: 07 May 2005
Posts: 94

PostPosted: Wed Oct 25, 2006 9:08 am    Post subject: Reply with quote

Perfect, thanks!
Back to top
View user's profile Send private message Visit poster's website
Search all BlogHarbor support resources.
View previous topic :: View next topic  
Display posts from previous:   
Post new topic   Reply to topic    BlogHarbor Community Forum Index -> General Discussion All times are GMT - 5 Hours
Page 1 of 1

 
Jump to:  
You cannot post new topics in this forum
You cannot reply to topics in this forum
You cannot edit your posts in this forum
You cannot delete your posts in this forum
You cannot vote in polls in this forum