Logo Banner and more

[createafly]

Hi everyone. I am havng some issues and to be honest, after spending the last 4 days straight looking for the answers I thought I would come to the gurus of the forum.
I haven't used zen in a long time and I have forgotten how to do a few things.
I want to add my banner (logo) acrossed the top of the page but I can't seem to do this correctly. I have a broken link box on the far left that I can't take out.

Also the catogory headers are showing up in a horizantle row when I want to place them next to each other. I have no idea where to look for to fix that.

I just stitched to silverfish. my url is http://thewindeffect.com
Thank you so much for your help!

[dbltoe]

For your categories tabs...

On or around line 334 of your stylesheet.css, you need to remove the

display: block;

It totally defeats the display inline of the li call.

[createafly]

Hi guys,
I am still not having any luck. I took off the categories (from the top) I figured I will worry about one thing at a time.
My biggest concern right now is the banner (logo). I really want the logo to be a link to the home page but I can't seem to set that up. I also can't get it to stop repeating no matter what I do!
I want the top to say "The Wind Effect" once and be a hyperlink to our home page.
I don't think it sounds like a lot to ask of this, but for some reason this has me

Thank you again!

[stevesh]

Find this in your stylesheet:


/*
header
*/
#headerWrapper {display: block; background: #88a0c2; height:1%; /*IE Hack*/}
#headerBackground {width: 100%; height: 85px; align: center; background: url(../images/banner_wind_2.JPG) repeat-x #88a0c2;}
/*#logo {float: left; position: absolute; top: -45px; left: 20px;}*/
#logo {float: left;}

Get rid of the repeat in #headerBackground

Try adding display:none; to the #logo

[clydejones]

Hi guys,
I am still not having any luck. I took off the categories (from the top) I figured I will worry about one thing at a time.
My biggest concern right now is the banner (logo). I really want the logo to be a link to the home page but I can't seem to set that up. I also can't get it to stop repeating no matter what I do!
I want the top to say "The Wind Effect" once and be a hyperlink to our home page.
I don't think it sounds like a lot to ask of this, but for some reason this has me

Thank you again!

In your stylesheet.css (includes/templates/silverfish/css/stylesheet.css)

Find the following declaration and delete the highlighted portion:

#headerBackground {width: 100%; height: 85px; align: center; background: url(../images/banner_wind_2.JPG) repeat-x #88a0c2;}

[createafly]

Well, I deleted the repeat-x and nothing happened. Then I added the display: none; and still nothing.
Though I do have a black bar accross the top of my page that I can't get rid of. I don't even care about the black bar right now if I can get the logo to work.

Any other suggestions? I will try anything!

[dbltoe]

You've got some real "interesting" stuff there. Curious as to why you've removed the button and print css sheets.

Anyway...

Your headerBackground call around line 248 in the stylesheet is trying to do four things at once. The color (#88A0C2) is already there and you don't need any scroll, so let's take the one line and turn it into two that do the trick.

Replace

background:#88A0C2 url(../images/banner_wind_2.JPG) repeat scroll 0 0;
height:85px;
width:100%;

with

background-image: url(../images/banner_wind_2.JPG);
background-repeat: no-repeat;
height:85px;
width:100%;

That should do the trick. Now if I could figure out where the html.css is coming from...

[dbltoe]

Since you said "and more".....

You seem to be the victim of Word or the built-in html editor when making your main page text. Word and other "package editors" (FrontPage is the worst) will leave a trail of span styles and other junk in the source. Try opening a Word document, type in "Hello!" and save it as a webpage. Then look at the source of that file.

You also have some items in the source of the main content that look like the trail left when trying to decide the color and size of text using the built-in editor.

Your current main content source looks like

<font face="georgia,times new roman,times,serif" color="#000066" size="4"><font color="#ff0000" size="5"><font face="Courier New" color="#000066" size="2"><font style="BACKGROUND-COLOR: rgb(255,255,255)" face="times new roman,times,serif" color="#000066" size="4"><strong><b><font color="#ff0000" size="5"><font style="FONT-FAMILY: arial,helvetica,sans-serif; BACKGROUND-COLOR: rgb(255,255,255)" face="times new roman,times,serif" color="#ff0000" size="3"><strong><b><font color="#ff00ff"><blockquote dir="ltr" style="MARGIN-RIGHT: 0px"><blockquote dir="ltr" style="MARGIN-RIGHT: 0px"><p style="DIRECTION: ltr; FONT-FAMILY: arial,helvetica,sans-serif" align="left"><span style="COLOR: rgb(0,204,255)"><span style="COLOR: rgb(102,153,255)"><font color="#ff0000" size="6"><font color="#000000">Welcome to</font> <font size="7">The Wind Effect</font></font></span></span></p></blockquote></blockquote><p style="DIRECTION: ltr; FONT-FAMILY: arial,helvetica,sans-serif" align="left"><span style="COLOR: rgb(0,204,255)"><span style="COLOR: rgb(102,153,255)"><font color="#0000ff">We are currently updating our site but you can still browse and purchase everything we have to offer during this time.</font> </span></span></p><p style="DIRECTION: ltr; FONT-FAMILY: arial,helvetica,sans-serif" align="left"><span style="COLOR: rgb(0,204,255)"><span style="COLOR: rgb(102,153,255)"></span></span></p><p style="DIRECTION: ltr; FONT-FAMILY: arial,helvetica,sans-serif" align="left"><span style="COLOR: rgb(0,204,255)"><span style="COLOR: rgb(102,153,255)">*We use a PayPal shopping cart which accepts most major credit cards or your bank debit card. * You do not have to open a PayPal account to go through our checkout. * When you confirm your order it will give you a choice of payment methods. </span>*</span><br /></p><font style="BACKGROUND-COLOR: rgb(255,255,255)" color="#ff0000" size="3"><strong></strong></font></font></b></strong></font><p style="DIRECTION: ltr" align="left"><font face="Times New Roman"><font color="#6699ff"><font size="4"><strong><font style="COLOR: rgb(51,51,51); FONT-FAMILY: arial,helvetica,sans-serif" size="3">We are dedicated to our customers' needs and welcome your questions and comments before, or after the sale. Please refer to our contact us page .</font><font size="3"><br style="FONT-FAMILY: arial,helvetica,sans-serif" /></font><br /></strong></font><font size="4"><strong><span style="COLOR: rgb(255,0,0)"><br /></span></strong></font></font></font></p><p align="justify"><strong><font face="Courier New" color="#000066" size="4"><font size="2"> </font></font> </strong></p><p><strong><font color="#000066"> </font><font face="Times New Roman" color="#000066" size="4"> </font></strong></p></font></b></strong></font></font><font face="Courier New" color="#000066" size="2"><strong> </strong></font><font color="#000066"> <font face="courier new,courier,monospace" size="2"> </font></font><font face="Courier New" color="#000066" size="4"><font size="2"><strong></strong></font></font><br /></font></font>

and could be done with

<h2>Welcome to The Wind Effect</h2><p>We are currently updating our site but you can still browse and purchase everything we have to offer during this time.</p><p>*We use a PayPal shopping cart which accepts most major credit cards or your bank debit card. * You do not have to open a PayPal account to go through our checkout. * When you confirm your order it will give you a choice of payment methods.*</p><p>We are dedicated to our customers' needs and welcome your questions and comments before, or after the sale. Please refer to our contact us page.</p>

You would need to add some color and size but, that could be done by using something like <p id="mainPurpleText"> and setting size and color in the stylesheet.

[createafly]

WOW! I am shocked! I basically downloaded the templete and that is what was there. I haven't changed the front page since the change. I have always used the Define Page in my admin (with html editor.) I have no clue why it is like that.
I really thought I was starting to understand this stuff.
Anyway, I changed the lines for the header and nothing happened. I uninstalled and reinstalled the template and made a new banner. It seems to be ok for the most part.
I still would like to have the header so it directs to our home page (there is a broken link in IE but not FF) but can't seem to do it.

I fixed the black bar on the reinstall as well.

BTW, I would have no idea where to begin to remove any buttons and print css sheet.
Could it be from the template?

[dbltoe]

I have always used the Define Page in my admin (with html editor.) I have no clue why it is like that.

This is what I was pointing out. Most folks don't know to look at what kind of monster they have created when using the built in html editor.

If you use the define pages editor, take the time to click on the <> that you see on the right of the bottom editing bar. That will show you the actual code you have created.

If you're not careful, each time you change something about text some of the previous formatting will remain.

It's really just another opportunity to excel

The two stylesheets should be in your custom css directory. If they are not there, copy them over from includes/templates/template_default/css.