Stle sheets display all white

[fujis2john]

Please could someone help me out.
I have modified one of the stle sheets to display a simple JPEG header at the top of my root page. All looks great on the CSS editor previesw page but when I use the style sheet I just get a white background and no JPEG header.

Thanks in advance

John.

[ilanphoto]

I am no CSS expert but as far as I know you must put the jpg reference in the gallery description box

Hope that helps
Ilan

[fujis2john]

IIan,

Thanks for the help, I have no problem in putting things in the correct place. When I change the style sheet everthing looks perfect in the editor preview but when I try and use the style sheet the background displays white and everthing I have added dissapears.

great website by the way.

Regards

John

[alangrant]

John,

Can you give an example of a gallery with this problem? I looked at a few of your galleries but none are all white. It is generally easier to help with HTML/CSS problems by viewing the source of a gallery that has the problem.

Alan

[fujis2john]

Alan,

Here is the gallery I have been playing around with.

http://www.pbase.com/fujis2john/test_2

When I view the style sheet in the editor the image I want to display is correctly shown in the User description but if I load this gallery into Frontpage the description is not there.

Thanks
John

[alangrant]

John,

I had a quick look at the source for that page. It looks like there is a lot of stuff in the stylesheet that doesn't belong there (between the <style type="text/css"> and </style> tags.

For example, the first thing I see is

Code: Select all


<!--
test_2 Photo Gallery by John Humphries at pbase.com


Do you know how that got there? If it's a comment it should be within /* */. At the moment it is just "floating" which might confuse the syntax of the following CSS.

Similarly just before the </style> tag there are various bits and pieces that wouldn't normally appear here.

I think you may need to review your style sheet to ensure it only contains valid CSS.

[fujis2john]

I ahve now idea hoe it has got there, I am really a novice at this and obviously doing something wrong.

Here is the way I have tried to do it.

I copy everything from the source stlye sheet (ALEXC) between <style type="text/css"> and </style> into a new style sheet

This works fine, it is when I try to get the graphic at the top of the page everything seems to get messed up. I use front page to examine the new test page with the new style sheet add the graphic in the decription section cop and paste everthing and thats when it all stops working.

It is obviously the wat I am placing the graphic in the style sheet that causes the problem could you give me some help on how to get the graphic into the newly created style sheet.

Thanks for your help

John H

[ukexpat]

I ahve now idea hoe it has got there, I am really a novice at this and obviously doing something wrong.

Here is the way I have tried to do it.

I copy everything from the source stlye sheet (ALEXC) between <style type="text/css"> and </style> into a new style sheet

This works fine, it is when I try to get the graphic at the top of the page everything seems to get messed up. I use front page to examine the new test page with the new style sheet add the graphic in the decription section cop and paste everthing and thats when it all stops working.

It is obviously the wat I am placing the graphic in the style sheet that causes the problem could you give me some help on how to get the graphic into the newly created style sheet.

Thanks for your help

John H

I don't think a CSS is the correct place for images. Have you tried putting the image code in the relevant gallery's description field (and checking the HTML flag box)?

[alangrant]

John,

As ukexpat says, the usual way to insert an image is to use HTML within the description. It is also possible to add a background image in CSS but I don't think that's what you are trying to achieve in this instance.

As a more general point, I think you are causing yourself problems by trying to edit your pages using FrontPage. Enter CSS directly in the CSS editor (if you want - you may not need to change the CSS at all) and enter HTML directly in the gallery description. It's important to keep the distinction between these two clear in your mind.

[fujis2john]

Things are simple when you know how, many thanks to all who have helped me on this simple problem. One last minor thing, as you may have guessed my CSS knowledge is as bad as my HTML (useless) please can someone advise how to get the image on my root page above the text .

Link below.

http://www.pbase.com/fujis2john

thanks again for all your help

John H

[alangrant]

Your image is inside a table. It looks like you are missing the closing table tag - this may be confusing the formatting. Try inserting </table> just before your "Welcome..." text and see if that helps.

[fujis2john]

Alan,

Many thanks, now works a treat.

Thanks to you and everyone else who has offered advise.

John H