This is really bugging me.
I designed my web site http://www.oilsyn.com
on a windows xp computer.
But when I display the same web page on windows 7, the fonts are all different.
And more bizarre, the lower case has been changed to upper case in the banner !
Whatever I did has to be simple and obvious to everyone but me. You can leave out "stupid" in your reply, IT IS ASSUMED.
Thank you for your help
win 7 vs xp - shows php differently
Moderator: General Moderators
win 7 vs xp - shows php differently
Last edited by califdon on Thu Mar 22, 2012 7:59 pm, edited 1 time in total.
Reason: Email address removed by moderator; moved to HTML/CSS forum
Reason: Email address removed by moderator; moved to HTML/CSS forum
Re: win 7 vs xp - shows php differently
There's no code for us to critique. No screen shots of how it should look vs. how it does look. Not sure what you expect us to do.
- social_experiment
- DevNet Master
- Posts: 2793
- Joined: Sun Feb 15, 2009 11:08 am
- Location: .za
Re: win 7 vs xp - shows php differently
Windows (since vista) have been adding new fonts which aren't present on XP though without any code to verify which fonts you are using in your stylesheets it is impossible to help; not to add to your misery but the php isn't displayedv1rusdr wrote:on a windows xp computer. But when I display the same web page on windows 7, the fonts are all different.
“Don’t worry if it doesn’t work right. If everything did, you’d be out of a job.” - Mosher’s Law of Software Engineering
Re: win 7 vs xp - shows php differently
i have attempted to attach two views of the same web page.
written in php
both on a windows xp machine
one in internet explorer 8 (looks good)
one in firefox (looks bad)
written in php
both on a windows xp machine
one in internet explorer 8 (looks good)
one in firefox (looks bad)
Re: win 7 vs xp - shows php differently
Do you want some help? Two of our top responders have told you nicely that we can't help you without seeing your HTML and Style Sheet. We're not mind readers. I have moved your post to the appropriate forum and removed your email address, which is an invitation for some spammer to flood you with spam, then you would be complaining that we were to blame. If someone wants to send you a private message, you will be notified by email. Finally, if you do want us to help you, I strongly suggest that you follow the requests of those folks who can do so if you include your HTML and CSS. If you will enclose your HTML/CSS code between [syntax=html ] and [/syntax ] tags (without the space), it will be much easier for us to read.
Re: win 7 vs xp - shows php differently
Looking at the two images, the only thing that immediately comes to mind is that there's no font-family specified in the CSS and the browser defaults are different on the two OSes. Can't explain the text transform nor the difference in font colour.
Re: win 7 vs xp - shows php differently
Now that I've looked at your live website and looked at your HTML source, I believe I see what is happening. You are using very old, deprecated tags for your styling. Some browsers still support those old tags, like <FONT size=12 color=white ... >, and others don't. They are no longer part of the HTML standard. If you want your page to look the same in all browsers, you will have to use current styling standards, namely, CSS.
Re: win 7 vs xp - shows php differently
califdon
THANK YOU
You pointed me in the right direction to solve the problem !
I had started in the wrong direction: Thinking I could debug the source code.
[ Stop laughing. 20 years of cobol ruins a good mind ]
For those looking at software; there is Nusphere
http://www.nusphere.com/PhpED/
But the key was Califdon's words "font family"
I was focused (bad pun) on <a href> because it was the LINK that was the wrong colour and the wrong size.
WRONG
FIREFOX has the solution (built in)
If you RIGHT CLICK on an item, the popup menu says "Inspect Element"
Then, in the menu at the bottom of the (webpage), you can click on STYLE
It shows all the styles, and inherited styles too.
From there, it was a matter of backtracking
As you can see in STYLES.CSS below
the COLOUR is 898989 - which is "red" (as I found out, colours change based on page properties etc....)
So, once I had the colour, I was able to find the offending code:
.pageContent { font-size: 8pt; font-family: Tahoma, sans-serif; color: #898989; }
.pageContent a { font-size: 8pt; font-family: Tahoma, sans-serif; color: #898989; }
Thus the FONT-FAMILY and FONT-SIZE and COLOUR were the culprits.
THANK YOU CALIFDON
FOR POINTING ME IN THE RIGHT DIRECTION !!!!
/* content */
.text-header { font-weight: bold; font-size: 12pt; font-family: Arial Narrow, Arial, sans-serif; color: #555555;}
.pageContent { font-size: 8pt; font-family: Tahoma, sans-serif; color: #898989; }
.pageContent a { font-size: 8pt; font-family: Tahoma, sans-serif; color: #898989; }
/* top elements */
.company { font-weight: bold; font-size: 14pt; font-family: Arial Narrow, Arial, sans-serif; color: #30586F; text-transform: uppercase; }
.slogan { font-weight: bold; font-size: 12pt; font-family: Arial Narrow, Arial, sans-serif; color: #F2F1EF; text-transform: uppercase; }
/*main menu*/
.menu { font-size: 8pt; font-family: Tahoma, sans-serif; color: #686868; text-decoration: none; }
.amenu { font-size: 8pt; font-family: Tahoma, sans-serif; color: #686868; text-decoration: underline; }
/*submenu*/
.submenu { font-size: 8pt; font-family: Tahoma, sans-serif; color: #686868; text-decoration: none; }
.asubmenu { font-size: 8pt; font-family: Tahoma, sans-serif; color: #686868; text-decoration: underline; }
/*bottom menu*/
.bmenu { font-size: 8pt; font-family: Tahoma, sans-serif; color: #555555; text-decoration: none; }
.abmenu { font-size: 8pt; font-family: Tahoma, sans-serif; color: #555555; text-decoration: underline; }
/*copyright*/
.footer { font-size: 8pt; font-family: Tahoma, sans-serif; color: #ffffff; }
/*backgrounds*/
.main-bg { background-color: #ffffff; }
.color-bg { background-color: #54809B; }
THANK YOU
You pointed me in the right direction to solve the problem !
I had started in the wrong direction: Thinking I could debug the source code.
[ Stop laughing. 20 years of cobol ruins a good mind ]
For those looking at software; there is Nusphere
http://www.nusphere.com/PhpED/
But the key was Califdon's words "font family"
I was focused (bad pun) on <a href> because it was the LINK that was the wrong colour and the wrong size.
WRONG
FIREFOX has the solution (built in)
If you RIGHT CLICK on an item, the popup menu says "Inspect Element"
Then, in the menu at the bottom of the (webpage), you can click on STYLE
It shows all the styles, and inherited styles too.
From there, it was a matter of backtracking
As you can see in STYLES.CSS below
the COLOUR is 898989 - which is "red" (as I found out, colours change based on page properties etc....)
So, once I had the colour, I was able to find the offending code:
.pageContent { font-size: 8pt; font-family: Tahoma, sans-serif; color: #898989; }
.pageContent a { font-size: 8pt; font-family: Tahoma, sans-serif; color: #898989; }
Thus the FONT-FAMILY and FONT-SIZE and COLOUR were the culprits.
THANK YOU CALIFDON
FOR POINTING ME IN THE RIGHT DIRECTION !!!!
/* content */
.text-header { font-weight: bold; font-size: 12pt; font-family: Arial Narrow, Arial, sans-serif; color: #555555;}
.pageContent { font-size: 8pt; font-family: Tahoma, sans-serif; color: #898989; }
.pageContent a { font-size: 8pt; font-family: Tahoma, sans-serif; color: #898989; }
/* top elements */
.company { font-weight: bold; font-size: 14pt; font-family: Arial Narrow, Arial, sans-serif; color: #30586F; text-transform: uppercase; }
.slogan { font-weight: bold; font-size: 12pt; font-family: Arial Narrow, Arial, sans-serif; color: #F2F1EF; text-transform: uppercase; }
/*main menu*/
.menu { font-size: 8pt; font-family: Tahoma, sans-serif; color: #686868; text-decoration: none; }
.amenu { font-size: 8pt; font-family: Tahoma, sans-serif; color: #686868; text-decoration: underline; }
/*submenu*/
.submenu { font-size: 8pt; font-family: Tahoma, sans-serif; color: #686868; text-decoration: none; }
.asubmenu { font-size: 8pt; font-family: Tahoma, sans-serif; color: #686868; text-decoration: underline; }
/*bottom menu*/
.bmenu { font-size: 8pt; font-family: Tahoma, sans-serif; color: #555555; text-decoration: none; }
.abmenu { font-size: 8pt; font-family: Tahoma, sans-serif; color: #555555; text-decoration: underline; }
/*copyright*/
.footer { font-size: 8pt; font-family: Tahoma, sans-serif; color: #ffffff; }
/*backgrounds*/
.main-bg { background-color: #ffffff; }
.color-bg { background-color: #54809B; }