3 replies [Last post]
El Webbie
Offline
newbie
Belgium
Last seen: 16 years 13 weeks ago
Belgium
Timezone: GMT+1
Joined: 2004-07-26
Posts: 2
Points: 0

I have made following site, it is still under construction:

http://users.skynet.be/bk230845/surfclub/ <- it is in Dutch

The problem is that when the font size of IE is on 'smaller' you see the site perfectly. But when it's any other size the site is not good.

Can you use any css code to make sure the font of that site is always on 'smaller' even when the IE is configged ex. as 'big'

This is the CSS code I'm currently using:

body { scrollbar-3dlight-color: #FFFFFF; scrollbar-arrow-color: ##D81E04; scrollbar-base-color: 
#FFFFFF; scrollbar-darkshadow-color:#FFFFFF; scrollbar-face-color: #FFFFFF; scrollbar-highlight-color:#FFFFFF; 
scrollbar-shadow-color: #FFFFFF; scrollbar-track-color: #FFFFFF; background-color:#FFFFFF; 
font-family:verdana, arial; color: #000000; } A:link { text-decoration: none; 
color:#000000; font-weight: normal; } A:visited {
	text-decoration: none;
color#000000; 
	font-weight: 1;
	color: #000000;
} A:hover { text-decoration: underline; color:#000000; font-weight: 
normal; } input { color:#FFFFFF; background: #FFFFCC; font-size: 9px; font-weight: 
normal; text-decoration: none; font-family: tahoma; text-align: left; border-width: 
1px; border-style: solid; border-color:#FFFFFF; } textarea { color: #000000; background: 
#000000; font-size: 9px; font-weight: normal; text-decoration: none; font-family: 
verdana; text-align: left; border-width: 1px; border-style: dotted; border-color:#FFFFFF; 
} .name1 { font-family: verdana; font-size: 9px; color:#000000; line-height: 
1pt; font-weight: bold; letter-spacing: 4px; } .name2 { font-family: verdana; 
font-size: 9px; color:#FFFFFF; letter-spacing: 3px; font-weight: bold; } 

Hugo
Hugo's picture
Offline
Moderator
London
Last seen: 5 years 42 weeks ago
London
Joined: 2004-06-06
Posts: 15668
Points: 2806

Font size

Hi there,

You havn't set any font sizes ?? apart from some anchors so are using the browser default text size which is nearly allways too large . For starters just try setting an overall font size on the body, that will control the general font size for the page you can then use other sizes on elements where needed.

you could have a read of this for a more advanced view on text sizing,

http://www.clagnut.com/blog/348/

Hugo.

Edit: just seen your source code best advice is to drop the deprecated font tag if your going to use CSS that is the sort of declaration that ought to go in there and would consist of setting a style on the <p> tag once for all occurances of <p> instead of the way you have now declaring it every instance ( much smaller/faster html!!) in fact pull out most of your inline styling and set it in the style sheet.

Before you make your first post it is vital that you READ THE POSTING GUIDELINES!
----------------------------------------------------------------
Please post ALL your code - both CSS & HTML - in [code] tags
Please validate and ensure you have included a full Doctype before posting.
Why validate? Read Me

El Webbie
Offline
newbie
Belgium
Last seen: 16 years 13 weeks ago
Belgium
Timezone: GMT+1
Joined: 2004-07-26
Posts: 2
Points: 0

Font size

I appreciate your help, but my english isn't that good Smile I don't know some words you used explaining the problem Smile

Can you show me what I must change?

Hugo
Hugo's picture
Offline
Moderator
London
Last seen: 5 years 42 weeks ago
London
Joined: 2004-06-06
Posts: 15668
Points: 2806

Font size

Sorry, I'll try and explain it better.

in your html your using the font tag to style your<p>s that font tag is a tag that will cease to be used and if your using a strict document type or xhtml document type at the head of the page you wouldn't be able to use it (it wouldn't validate) it makes more sense to stop using it now.
In the body selector you should declare body{ font-family: verdana, arial, helvetica, sans-serif;color:#000;font-size:76%;}
This means that you can remove all the font tags on the html<p> tag thats going to reduce the file size by almost 50% these properties are now declared once for the whole page. The % size will allow better control over sizing in IE and will be best if you now change to using em to size text ( read the link for reference) font-size="1" isn't a very good way of sizing text. Now the other elements can be sized as needed i.e p{font-size:1.1em;}
the other thing is you don't need to keep repeating properties such as font-family unless you need them different to that of the body .

p.s in the html you have a double </font></font>

Hugo.

Before you make your first post it is vital that you READ THE POSTING GUIDELINES!
----------------------------------------------------------------
Please post ALL your code - both CSS & HTML - in [code] tags
Please validate and ensure you have included a full Doctype before posting.
Why validate? Read Me