3 replies to this topic

[petri]

Hi,

I finally started to work with my pages but run into difficulties right away.
I use a table layout with some CSS to control the text.
I can`t find a solution to following problems.

The basic layout:

• The tables look good in Firefox but not in Explorer.
• The top image (bakground image) looks fine in Firefox but not in Explorer. Something to do with Explorer and tables? The top image appear correctly also in Explorer if I insert the picture as a graphic element inside the table, but it doesn`t work as a background image.

Links below the top image:

• I would like to separate the different links without using graphic "spacers" , or font elements (?) like the circles I use now. Can it be done with CSS?

• Explorer seems to obey the font size specified in the style sheet, but not Firefox.

I would greatly appreciate if someone could explain to me how to fix these problems.

Almost forgot... I use a Mac
And the page can be found at: www.slowlife.se

[cfreek]

For the links spacing, you could use
margin-right: #px;
and
margin-left: #px;

Also, I see in your stylesheet, you have for a:hover a font-size with no value. and no closing ";". That could be causing you some issues.

[petri]

Thank you!
I corrected the a:hover too but I couldn`t see any positive (or negative) effects.

[Akuta]

I'm having a difficult time finding the problems, but my best advice is to keep using classes how you are, except compact them. For example, you use "Verdana, Arial, Helvetica, sans-serif;" on almost everything in your stylesheet, but you only need it on the body {} and every other element under the body will inherit this rule. You can do this with font family/size/etc, too. You're having the difference problems with font-size because of inheriting problems, but I can't tell exactly where.

Other things... your headline tags (h1, h2, h3) don't need font-weight:bold; as they're bold by default. Apply your backgrounds in your stylesheet instead of in the HTML... this will give you more control if you need it in the future and it's much cleaner. Also, you could take your classes .days and .price and put them like this (all your classes can be put in some way like this):

.days,
.price { all your rules here } and it will apply these rules to both of those classes.

Lots of things you could improve, but first thing is to figure out everything you can to compact your stylesheet as much as possible and then you can change all your necessarily elements at once and it's much easier to debug and play with.