Align logo and tagline

Ok -I'm stuck on a couple of changes that I need to make.

I would like the tagline to line up to the right of the logo ~ right now the tagline is in it's own "wrapper" beneath the logo.

Here's what I have in the tpl_header. What needs to be changed/moved to accomplish the look I want?

<!--bof-header logo and navigation display--> <?php if (!isset($flag_disable_header) || !$flag_disable_header) { ?> <div id="headerWrapper"> <!--bof-branding display--> <div id="logoWrapper"> <div id="logo"><?php echo '<a href="' . HTTP_SERVER . DIR_WS_CATALOG . '">' . zen_image($template->get_template_dir(HEADER_LOGO_IMAGE, DIR_WS_TEMPLATE, $current_page_base,'images'). '/' . HEADER_LOGO_IMAGE, HEADER_ALT_TEXT) . '</a>'; ?></div> <?php if (HEADER_SALES_TEXT != '' || (SHOW_BANNERS_GROUP_SET2 != '' && $banner = zen_banner_exists('dynamic', SHOW_BANNERS_GROUP_SET2))) { ?> <div id="taglineWrapper"> <?php if (HEADER_SALES_TEXT != '') { ?> <div id="tagline"><?php echo HEADER_SALES_TEXT;?></div> <?php } ?> <?php if (SHOW_BANNERS_GROUP_SET2 != '' && $banner = zen_banner_exists('dynamic', SHOW_BANNERS_GROUP_SET2)) { if ($banner->RecordCount() > 0) { ?> <div id="bannerTwo" class="banners"><?php echo zen_display_banner('static', $banner);?></div> <?php } } ?> </div> <?php } // no HEADER_SALES_TEXT or SHOW_BANNERS_GROUP_SET2 ?> </div> <!--eof-branding display-->

Second, I would like the header area (containing the logo and tagline) to be about 24px wider than the rest of the page (center box?). How do I make this happen?

You can view my rough draft here

Thanks for the help ~ I'm four days into research and not one bit closer to figuring this out! :lamo:

Tina

If you take a look at your stylesheet, and at about line 116, you should find:

#logo {
border:0 none;
margin:0;
padding:0;
}

If you amend this to be:

#logo {
border:0 none;
margin:0;
padding:0;
float: left;
}

Your text should sit on the right...

Hope this helps.

Since you have this moved into the logoWrapper now refine the 2 elements in there with the following

#logo {
        float: left;
        width: 480px;
	margin: 0px;
	padding: 0px;
	border: 0px;
	}


#tagline {
        float: right;
        width 250px;
	color:#35170d;
	font-weight: bold;
	font-size: 1.em;
	padding-right: 10px;
	padding-bottom: 5px;
	text-align : right;
	vertical-align: top;
	}

OMG! Why OH WHY was I in tpl_header driving myself to drink!!!!!

Thanks - that did it! :hug:

Any way to straighten out the date/home/login/register?

(running for cover now!)

Thanks again!!!

Tina

Heh, I find myself going around in circles at times too, when all you need is someone to point the right direction. =)

Any way to straighten out the date/home/login/register?
What is wrong with it??

Looks good in Firefox but not in IE :yuck:

I do not see #navMain???

Looks like you might have hosed the tpl_header.php code up a bit

Edit: insert a clear both between<!--eof-branding display--> and <!--bof-navigation display-->

Looks like you might have hosed the tpl_header.php code up a bit

Edit: insert a clear both between<!--eof-branding display--> and <!--bof-navigation display-->

Ok -I'll try that!

PS ~ :blush: Not surprised the tpl_header is hosed - I've changed it so many times (and back again) I'm surprised it still works at all.

Tina

Worked GREAT!

Now - (as long as I am being a PITA) any suggestions for this?

Second, I would like the header area (containing the logo and tagline) to be about 24px wider than the rest of the page (center box?). How do I make this happen?

Tina

need altered main page
emailed it

Got it kobra! Thanks!

Tina