Help with header stuff

Hi all

http://www.scarletvampire.com/shop

Can those in the know take a look a this site I'm helping a friend develop from a generic template.

I have a little experience with this stuff and my friend none so any help would be gratefully recieved.

Where it say's Scarletvampire's Treasure in text ( a nav link) I want to put an image that retains the nav link.

Where it says Tagline here I just want to use an image.

Can someone view the code and suggest how I could do this?

many thanks

SV

Where it say's Scarletvampire's Treasure in text ( a nav link) I want to put an image that retains the nav link.
This is currently linked to the site...if you make this image a gif and name it logo.gif and place it in includes/templates/Scarletvampire/images folder it should display - unless you have edited this out. You can then center it with the css
Where it says Tagline here I just want to use an image.
A different image than the one above?? not much space there - but I have not seen your images...Why not make it a single image? logo.gif

Kobra

yep..one graphic can image can work thats fine.

So i delete the tagline here text and in the nav anchor put the image url yes?

What code form would this take?

Isn't there an issue doing this with search engines?

Thanks so much for your help.
SV

So i delete the tagline here text and in the nav anchor put the image url yes?
Nav anchor??? one that existed or one that you added?

If named logo.gif as stated the code already exists just need the image - unless you have edited this???

yeah logo seems to have been removed in the original template this is based on.

These div's are #nameWrapper and tagline Wrapper.

cheers

SV

Hi all

Ok...I've restored the logo components. Please look at http://www.scarletvampire.com/shop now.

How do I stop the logoWrapper div appearing in the taglineWrapper? See how the tagline runs off the logo and not below it. All the contents are too high because of this.

Thanks

SV

From you view source

<!--bof-branding display-->
<div id="headerContent">
<div id="logoWrapper">
    <div id="logo"><a href="http://scarletvampire.com/shop/"><img src="includes/templates/Scarletvampire/images/logo.gif" alt="Powered by Zen Cart :: The Art of E-Commerce" title=" Powered by Zen Cart :: The Art of E-Commerce " width="284" height="42" /></a></div>

What is in tpl_header.php

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

Seems that there is an extra div in yours

Hi kobra

Thanks for that. The extra div is in my tpl_header override file.

To get the logoWrapper restored i replaced the oringinal #namewrapper line in this file. All syntax either side appears the same as the backup i made.

Could it be a stylesheet thing. Its like its missing postitional stuff to stop it appearing in the same div....or is this a div syntax thing?

the header div has the background image.

Many many thanks.

Chris

Kobra

Got there! Finally.

Thanks for your pointers in the right direction.

Cheers
SV

For others that might have been following this - can you post a simple description of your solution?

BTW: Looks Nice

hi Kobra

I'm not too sure what happened and why but in the logoWrapper division in tpl_header I had a logo div as the very first syntax. I removed this and things started to fall into place. A bit of padding here and there (maybe not the best way) and things started to work how I expected.

I guess the lesson is really keep an eye on your div's and before you start and as things get better back_up your files so you have something to refer to.

My only other query is the #headercontent background image has black underneath (background:#000 url('../images/svlogo2.jpg') center center no-repeat;....if I remove the black I lose the image. The black runs to the page edges regardless of padding stopping me from having a border of the #mainwrapper texture around the image. Not sure why or what I can do.

Cheers
Chris

Well I do not know why you have added a div headContent and others that you have added whenall that you should require did exist by default.
#logo
#logoWrapper
#headerWrapper
and so forth

Your Image looks as it should be in #logoWrapper, the mor you depart from the standard the less assistance that can be provided directly.

kobra

yeah I agree..the template was passed on to the friend with no knowledge and when she asked for help with my limited knowledge I did not think I knew enough to start from the base template...the given one being much closer to the desired outcome.

On reflection it would have been easier to go back to scratch and use support. That said I have learn't heaps and its been kinda fun!

On the plus side the rest of the cart seems as is so things should get easier.

Cheers
Chris