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]

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

http://cracked-lenz.smugmug.com/photos/113854752-L.jpg

[scwalter]

.homepage#my_banner{
display:block;
}




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

-Scott

[ivar]

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

-Scotthe means add :thumb

[scwalter]

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 (http://cracked-lenz.smugmug.com/photos/113854752-l.jpg%29no-repeat);
}

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

-Scott

[scwalter]

he means add :thumb

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]

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. :bow

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