Script URL: http://www.club-amigos.co.uk/mboard/mboard.php
Version of script: 2.1
Version of PHP: latest
Hosting company: 34sp
Have you searched THIS FORUM for your problem:
(if not please do before posting)
If so, what terms did you try:
Write your message below:
For some reason the incorrect font is being shown in the forum. It is fine in the guestbook. The forum and guestbook use the same style sheet so l am bit confused as to why the font size is different.
Font different size on forum
Hello clubamigos99,
In your main stylesheet amigos_style.css you have defined body { font-size:12px; }
In your guestbook stylesheet style.css you have defined BODY, TD { font-size: 11px; }
Because this stylesheet is called after your main stylesheet it overrides the main stylesheet and the font-size is set to 11px.
In you messageboard stylesheet style.css the font-size is set for severable classes but not for the <body>, <p> of <li> which are the containers for the text used in the main page of Mboard (look at the source of the page from your browser). Because no other font size is set the font-size of 12px is used from your main stylesheet and it is not set to 11px like in the guestbook.
Greetings,
Henrie
This is not true.The forum and guestbook use the same style sheet so l am bit confused as to why the font size is different.
In your main stylesheet amigos_style.css you have defined body { font-size:12px; }
In your guestbook stylesheet style.css you have defined BODY, TD { font-size: 11px; }
Because this stylesheet is called after your main stylesheet it overrides the main stylesheet and the font-size is set to 11px.
In you messageboard stylesheet style.css the font-size is set for severable classes but not for the <body>, <p> of <li> which are the containers for the text used in the main page of Mboard (look at the source of the page from your browser). Because no other font size is set the font-size of 12px is used from your main stylesheet and it is not set to 11px like in the guestbook.
Greetings,
Henrie
-
clubamigos99
- Posts: 62
- Joined: Mon Feb 20, 2006 4:20 pm
How to resolve style sheet problem
Please can you tell me how l can resolve this issue.
This would be appreciated very much indeed.
This would be appreciated very much indeed.
I looked a bit further in your code and the displayed layout. I noticed i made an error.
The font-size shown in the messages is 12px and in the main page 16px. This means that the right style is shown but it is not interpreted right.
I discovered that the doctype in the mboard.php generated main page is wrong. It now shows
<!DOCTYPE HTML PUBLIC \"-//W3C//DTD HTML 4.01 Transitional//EN\"
\"http://www.w3c.org/TR/1999/REC-html401- ... /loose.dtd\">
and it should show
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3c.org/TR/1999/REC-html401- ... /loose.dtd">
You should edit the mboard.php file to remove the four backslashes i marked red.
You also shoud add the following to your mboard style.css file because now when the stylesheet will be interpreted right you will have different font-styles om the mboard and guestbook (because the font-family defined in body in amigos_style.css will be used). Add as the first line in style.css:
body {font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;}
This will override the font-family in amigos_style.css because it is defined later.
This should solve it i think.
Greetings,
Henrie
The font-size shown in the messages is 12px and in the main page 16px. This means that the right style is shown but it is not interpreted right.
I discovered that the doctype in the mboard.php generated main page is wrong. It now shows
<!DOCTYPE HTML PUBLIC \"-//W3C//DTD HTML 4.01 Transitional//EN\"
\"http://www.w3c.org/TR/1999/REC-html401- ... /loose.dtd\">
and it should show
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3c.org/TR/1999/REC-html401- ... /loose.dtd">
You should edit the mboard.php file to remove the four backslashes i marked red.
You also shoud add the following to your mboard style.css file because now when the stylesheet will be interpreted right you will have different font-styles om the mboard and guestbook (because the font-family defined in body in amigos_style.css will be used). Add as the first line in style.css:
body {font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;}
This will override the font-family in amigos_style.css because it is defined later.
This should solve it i think.
Greetings,
Henrie