By Spooks-1 on

I'll try my best to explain this. I'm using the Amadou theme and I added a banner I made and my banner stretches the width and repeats itself. Why does this happen?

⋅ Categories: Drupal 5.x

Comments

vm’s picture

vm commented

how did you add the banner ?

if you used the banner tool in the admin UI

it may be better to hardcode it in page.tpl.php of your theme, otherwise you will have to inspect your site in firefox using the firebug addon and inspect the css being used.

_____________________________________________________________________
My posts & comments are usually dripping with sarcasm.
If you ask nicely I'll give you a towel : )

Spooks-1’s picture

Spooks-1 commented

how do I add it with page.tpl.php?

vm’s picture

vm commented

open page.tpl.php of your theme , you don't mention which theme you are using and there are too many to guess.

place HTML calling the banner where you want the banner to show. After removing the already existing calls to the logo in the page.tpl.php file.

or again, use the firefox browser with the firebug addon and check your css in and around the area of the banner to see what is going on.

it would help if you mentioned the theme in use
provided a link to the site for others to take a look, if you want specific instruction
_____________________________________________________________________
My posts & comments are usually dripping with sarcasm.
If you ask nicely I'll give you a towel : )

Spooks-1’s picture

Spooks-1 commented

I said I was using the Amadou theme in my first post the website is www.mediafate.com

vm’s picture

vm commented

that you did. I actually meant to say "what method you used to add the image to your theme?"

looking at the source of your page, I can't see how you added the image.

<div id="header">

        <!-- site logo -->
        <!-- end site logo -->

        <!-- site name -->
        <!-- end site name -->
	  
        <!-- site slogan -->
        <!-- end site slogan -->

      </div><!-- end header -->

The above is the source code from the header: the image isn't there.

so, using firebug I see it's been added it to the style.css file. Line 9 to be exact.

background: transparent url(images/header-bg.png) repeat-x scroll 0%

the repeat-x is more then likely the problem because that is telling the image to repeat horizontally.

try removing it and replace it with no-repeat

_____________________________________________________________________
My posts & comments are usually dripping with sarcasm.
If you ask nicely I'll give you a towel : )

Spooks-1’s picture

Spooks-1 commented

I believe it was in the syle.css

I'm not sure exactly I had someone else add it for me

vm’s picture

vm commented

wasn't finished with above. reread

_____________________________________________________________________
My posts & comments are usually dripping with sarcasm.
If you ask nicely I'll give you a towel : )

Spooks-1’s picture

Spooks-1 commented

eh.. well that didnt work very well as u can see >.<

vm’s picture

vm commented

you didn't remove it, It's still there when I view the site in firefox.

The only thing needed to be in that line is

background: transparent url(images/header-bg.png) no-repeat scroll 0%;

I just altered your site on the fly and it worked perfectly.
_____________________________________________________________________
My posts & comments are usually dripping with sarcasm.
If you ask nicely I'll give you a towel : )

Spooks-1’s picture

Spooks-1 commented

ugh.. I don't know why its not working

vm’s picture

vm commented

background: transparent url(images/header-bg.png) no-repeat scroll 0% 50%;
The above is what you have now.

what you were told to put there:
background: transparent url(images/header-bg.png) no-repeat scroll 0%;

notice the difference between the line in use versus the line I gave you.
remove the 50% off the end of the line you are using, which is pushing the image 1/2 way down the page.
refresh your cache and it will be at the top , without repeating.
_____________________________________________________________________
My posts & comments are usually dripping with sarcasm.
If you ask nicely I'll give you a towel : )

Spooks-1’s picture

Spooks-1 commented

This is what I see

http://i26.tinypic.com/r8t350.jpg

vm’s picture

vm commented

that's not what is saved on your site.

body {
background:transparent url(images/header-bg.png) no-repeat scroll 0% 50%;
color:#5A5A5A;
font-family:Arial,sans-serif;
font-size:small;
margin:0pt;
padding:0pt;
}

_____________________________________________________________________
My posts & comments are usually dripping with sarcasm.
If you ask nicely I'll give you a towel : )

Spooks-1’s picture

Spooks-1 commented

well.. Thats what I see in the style.css do you have any idea why its different

vm’s picture

vm commented

now it looks like you replaced it with the original.

_____________________________________________________________________
My posts & comments are usually dripping with sarcasm.
If you ask nicely I'll give you a towel : )

Spooks-1’s picture

Spooks-1 commented

These aren't the droids your looking for