Align logo and tagline

[charmedbytina2]

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!

Tina

[dudeshouse]

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.

[charmedbytina2]

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

Thanks - that did it!

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

(running for cover now!)

Thanks again!!!

Tina

[dudeshouse]

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

[kobra]

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

What is wrong with it??

[charmedbytina2]

Looks good in Firefox but not in IE

[kobra]

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;
	}

[kobra]

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-->

[charmedbytina2]

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 ~ 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

[charmedbytina2]

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