CSS not showing in preview

[Chris B]

I am starting to use CSS with Frontpage 2003 for my website but have found
that some editing shows OK in design but does not show at all in preview.

For example, I have a table and in it cells for each picture (and adjacent
to the picture another cell for the description). I thought I could use CSS
to make the border of these picture cells the same. I used the following:

td.photo {border-style: solid; border-width: 1px; border-color: FF9933}

It shows up fine in design view but not at all in preview.

I would like to do the same for the description cells adjacent to these as
each page will have a different background color inside the cell, so would
like to get the CSS to do it to save lots of formatting on each cell.

If you would like to know what I mean by the use of the cells then please
look at my 'first' website design which is currently live - I have used
layers to get the effect here but it's a nightmare when I want to add or take
things out because I have used absolute positioning amonst other not so good
things I suppose!):

http:/www.duck-face.co.uk/girls_gifts.htm

I am new to CSS (and web-design for that matter) so I apologise if it is
something really obvious that I am doing wrong. I am trying to redo the
website in a 'better' way!

Many thanks in advance for your help

 

[coreybryant]

Try using:
td.photo {border-style: solid; border-width: 1px; border-color:
#FF9933}

Notice the # ...
Also you can shorten this to
td.photo {border: 1px solid #FF9933}

Corey
http://www.loudcommerce.com

 

[Chris B]

Hi,
thanks, I had got the # in but didn't type it correctly in my post (sorry!).
It still doesn't show.

 

[Steve Easton]

Make your style a class without the "td" in the style sheet
..photo {border-style: solid; border-width: 1px; border-color: FF9933}

the apply the photo class to the td tags in the page.

<td class="photo">


--
Steve Easton
Microsoft MVP FrontPage
FP Cleaner
http://www.95isalive.com/fixes/fpclean.htm
Hit Me FP
http://www.95isalive.com/fixes/HitMeFP.htm

 

[Chris B]

Steve,
sorry I accidentally ticked "Yes" this post did help, but in fact it still
doesn't show in preview. It worked the same as putting 'td' before it, i.e.
the border was visible in design but not in preview (or preview through
browser).

Anything else I can try?

 

[Chris B]

I have found the problem - after creating a test website and going through
each CSS format. I had missed a'}' off a hyperlink color format "a:link
{color:#008000"

I added it on and now the border formats show in preview. Don't know
how/why it would influence it but it works!

Thanks

 

[coreybryant]

Very glad that it all worked out. Sometimes it is better to give us
all the source code just in case. I have missed the semi-colon
sometimes and it takes me forever to figure out why something it not
working.

Good luck with the website!

Corey
http://www.loudcommerce.com