banner trouble

luckydog

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

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

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

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

luckydog wrote:

.homepage#my_banner{
display:block;
}

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

-Scott

ivar

scwalter wrote:

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

-Scott

he means add

scwalter

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

ivar wrote:

he means add

d'oh, yes, add.

luckydog

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

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

Thank you Andy. You are indeed a fine person.

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