2 replies [Last post]
gussiglo21
gussiglo21's picture
Offline
newbie
Buenos Aires, Argentina
Last seen: 8 years 7 weeks ago
Buenos Aires, Argentina
Timezone: GMT-3
Joined: 2011-12-13
Posts: 7
Points: 10

Dear People:

I'm new using CSS stylesheets.
I made a website using Topstyle to create one stylesheet.
The website works optimally when loaded in Internet Explorer, Google Chrome and Safari.

But using Mozilla or Opera, the paragraphs having styles h1, h2, etc appears with the characters very big!!!!

I add here the stylesheet code. May be one of you can tell me where is the error or what I need to add to my site can be loaded fine in Mozilla and Opera

Anyone can help me to solve this problem?
Thank you in advance!!!!!!

GusSiglo21

CODE OF THE STYLESHEET
======================
body {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 8 pt;
text-align: justify;
background-color: white;
color: black;
}

a:link {
text-decoration:none;
font-size: 8 pt;
font-family: Verdana, Arial, Helvetica, sans-serif;
color: blue;
}

a:hover {
text-decoration:underline;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 8 pt;
}

a:visited {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 8 pt;
color: green;
}

a:active {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 8 pt;
color: navy;
}

address{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 8 pt;
text-align: center
}

table {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 8 pt;
text-align: left;
background: white;
}

.celda-00-00-00-00 {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 8 pt;
text-align: justify;
margin: 0 0 0 0;
}

.celda-00-00-05-00 {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 8 pt;
text-align: justify;
margin: 0 0 5 0;
}

h1, h2, h3, h4, h5, h6 {
font-family: Verdana, Arial, Helvetica, sans-serif;
margin-bottom: 0;
margin-top: 0;
margin-left: 0;
margin-right: 0;
}
h1 {
font-size: 14 pt;
color: black;
margin-bottom: 0;
margin-top: 0;
}
h2 {
font-size: 11 pt;
color: navy;
margin: 0 0 5 0;
}
h3 {
font-size: 10 pt;
color: black;
margin: 0 0 0 0;
}
h4 {
font-size: 10 pt;
color: black;
}
h5 {
font-size: 10 pt;
color: black;
}
h6 {
font-style: normal;
font-size: 10 pt;
color: black;
}

gary.turner
gary.turner's picture
Offline
Moderator
Dallas
Last seen: 47 weeks 6 hours ago
Dallas
Timezone: GMT-6
Joined: 2004-06-25
Posts: 9776
Points: 3858

Link please?

I'd like a link to the page. It's not possible to do more than guess without the full page code plus any images.

Second, why are you using point metrics for an html page? Point values are appropriate for print only; you might use pt metrics in the print stylesheet, but not in the stylesheet for the screen.

cheers,

gary

If your web page is as clever as you can make it, it's probably too clever for you to debug or maintain.

gussiglo21
gussiglo21's picture
Offline
newbie
Buenos Aires, Argentina
Last seen: 8 years 7 weeks ago
Buenos Aires, Argentina
Timezone: GMT-3
Joined: 2011-12-13
Posts: 7
Points: 10

Hi Gary PROBLEM

Hi Gary

PROBLEM SOLVED!!!!!!!!!!

Before receiving your answer I revised one css that I made for another website and I found I not made that site using "pt".
Why I used pt now? I don't know, it was rare mistake this time. May be because I made some tests, and the error was saved and it worked in chrome until I used Firefox. Only in that moment I noted the problem

After this I received your answer coincident with my corrections.
Anyway thank you so much!!!!!!!!!
Hugs
GusSiglo21