banner trouble

luckydog · November 29, 2006

Help...

I made a quick banner in PSCS2 and saved as a JPEG (750x200 pixels).
Uploaded to my site.
Followed all the tutorial on creating a banner.
Copy/pasted my url for the picture in to the HTML.

Tested....big blank space where the banner should be.

tried other stuff in the HTML (removing homepage:block bit)...no change

Checked my JPEG in the folder and it won't display other than the thumbnail???

What's doing?????

Andy · November 29, 2006

luckydog wrote:

Help...

I made a quick banner in PSCS2 and saved as a JPEG (750x200 pixels).
Uploaded to my site.
Followed all the tutorial on creating a banner.
Copy/pasted my url for the picture in to the HTML.

Tested....big blank space where the banner should be.

tried other stuff in the HTML (removing homepage:block bit)...no change

Checked my JPEG in the folder and it won't display other than the thumbnail???

What's doing?????

The banner must be in a gallery that is not passworded, and external links must be on.
Where's your banner and code so we can help?

luckydog · November 30, 2006

The problem seems to be in the image file area. The file size is 780x200 and displays as 'large', however if I click on 'original' it doesn't show even in the gallery!
I will reinstall the code and try again, but it definitely seems to be the -O.JPG that is causing the dramas.

luckydog · November 30, 2006

As in CSS optional

#my_banner{
display:none;
width:750px;
height:200px;
margin:0auto;
background:url(http://cracked-lenz.smugmug.com/photos/113854752-l.jpg)no-repeat;
}
.homepage#my_banner{
display:block;
}

As in header optional

<div id="my_banner"></div>

Now it's not even making the blank space it was before...

Here's the jpeg

scwalter · November 30, 2006

luckydog wrote:

.homepage#my_banner{
display:block;
}

Remove the space between .hompage and #my_banner and it should work.

-Scott

ivar · November 30, 2006

scwalter wrote:

Remove the space between .hompage and #my_banner and it should work.

-Scott

he means add

scwalter · November 30, 2006

luckydog wrote:

As in CSS optional

#my_banner{
display:none;
width:750px;
height:200px;
margin:0auto;
background:url(http://cracked-lenz.smugmug.com/photos/113854752-l.jpg)no-repeat;
}

and add a space in between 0 and auto and it will center itself.

-Scott

scwalter · November 30, 2006

ivar wrote:

he means add

d'oh, yes, add.

luckydog · December 1, 2006

I've done exactly as mentioned. The blank space has returned but I have no banner. Again it seems to be an image problem.

Andy · December 1, 2006

luckydog wrote:

I've done exactly as mentioned. The blank space has returned but I have no banner. Again it seems to be an image problem.

Fixed.

You were missing some key spaces

#my_banner {
display:none;
width:750px;
height:200px;
margin:0 auto;
background:url(http://cracked-lenz.smugmug.com/photos/114026536-L.jpg) no-repeat;
}
.homepage #my_banner {
display:block;
}

luckydog · December 1, 2006

Thank you Andy. You are indeed a fine person.

Now I shall explore the other fun stuff to be had in the 'power' world.

banner trouble

Comments