7 replies [Last post]
Jon
Offline
newbie
Last seen: 16 years 5 weeks ago
Joined: 2005-05-10
Posts: 3
Points: 0

}
h1.pageheadings {

font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
font-weight: bold;
text-transform: none;
color: #6487A3;
text-decoration: none;
line-height: 19px;
padding-left: 0px;
padding-top: 3px;
letter-spacing: normal;
}

Hello All,

I have recently made a modification to the style sheet of a site I work on. I changed “span” pageheadings to h1 page headings. just changing. I then made some changes to pages to other pages to change "span" headings to "h1" headings, eg. <span class="pageheadings">New cars</span> to <h1 class="pageheadings">New Cars</h1>

On most PCs these changes have had their intended effect, but one PC views the site differently. The h1 headings have become a much larger font than specified in the style sheet on some of the pages. Unfortunately, that PC belongs to the Managing Director of the company - so I need to fix this problem.

Here is one of the problem headings on www.parramattacitroen.com.au

<p><h1 class="pageheadings">Parramatta - Citroen </h1>

Yet, I don’t have the same problem on www.parramattahyundai.com.au; the h1 headings are the specified size.

Browsers are all IE6 on Windows XP; does anyone have any clues?

Cheers,

Jon

briski
briski's picture
Offline
Elder
London
Last seen: 9 years 2 days ago
London
Timezone: GMT+1
Joined: 2004-02-16
Posts: 1066
Points: 0

CSS sheet pageheading changes displays oversize fonts

If it's isolated to a single machine have you checked that he has not somehow got a user stylesheet in place?

Also you might consider validating you code - there are all manner of errors open tags with no closing ones and what not - that might be causing problems.

Jon
Offline
newbie
Last seen: 16 years 5 weeks ago
Joined: 2005-05-10
Posts: 3
Points: 0

Thanks Briski

Thanks for taking the time to respond Briski, but pls pardon my ignorance - should I be checking for the presence or absence of a user style sheet on the problem PC?

How do I go about doing that?

thepineapplehead
thepineapplehead's picture
Offline
Guru
Last seen: 12 weeks 1 day ago
Joined: 2004-06-30
Posts: 9674
Points: 810

CSS sheet pageheading changes displays oversize fonts

Check for the presence of a user stylesheet, which is overriding yours.

How to do it, I have no idea.

Verschwindende wrote:
  • CSS doesn't make pies

Lorraine
Lorraine's picture
Offline
Elder
UK
Last seen: 14 years 42 weeks ago
UK
Timezone: GMT+1
Joined: 2005-01-04
Posts: 1001
Points: 0

CSS sheet pageheading changes displays oversize fonts

Go to Tools, Internet Options, Accessibility - look at Format documents using my style sheet.
HTH

Stuart
Stuart's picture
Offline
Enthusiast
UK
Last seen: 17 years 15 weeks ago
UK
Joined: 2004-02-27
Posts: 107
Points: 0

CSS sheet pageheading changes displays oversize fonts

...or, you could simply check the default text size (View -> Text Size) - is it set to Large or Larger Smile

- EDIT -
DOH!! read the initial CSS, Stuart, (font-size: 11px;) - it's in pixels dummy :oops:
- EDIT -

cheers,

Stuart

Jon
Offline
newbie
Last seen: 16 years 5 weeks ago
Joined: 2005-05-10
Posts: 3
Points: 0

CSS sheet pageheading changes displays oversize fonts

Thanks for the help, guys.

Joseph Sprint
Joseph Sprint's picture
Offline
Enthusiast
Last seen: 6 years 41 weeks ago
Timezone: GMT+1
Joined: 2005-04-15
Posts: 381
Points: 0

CSS sheet pageheading changes displays oversize fonts

You should add the margin properties to the h tag because most browsers set this different by default.

Either padding or margin to zero then choose one to set the distancies from other objects.