Footer confusion

HTML & CSS
1

Here is my site; http://www.betting-resource.com/

As you can see, in the CSS sheet I have;

div.footer {
  font-size: 8 point;
  font-style: italic;
  line-height: 12pt;
  text-align: center;
  padding-top: 30pt;
   }

However the footer is not showing in italic?

I was doing the same when I had it in the body, so I took the footer out of the body thinking that mibght top it conflicting with the body rules but to no avail…

2

Ahhh… no! You don’t have anything related to footer in your CSS file! :slight_smile: Check again.

3

Where is the footer class in your styles? This is what I see in your CSS:

body {
color:black;
font-family:Verdana,Geneva,Arial,Helvetica,sans-serif;
font-size:10pt;
line-height:14pt;
padding-left:5pt;
padding-right:5pt;
padding-top:5pt;
text-align:left;
text-indent:10px;
width:800px;
}
h1 {
font:20pt Verdana,Geneva,Arial,Helvetica,sans-serif;
text-align:center;
}
h2 {
font:20pt Verdana,Geneva,Arial,Helvetica,sans-serif;
text-align:left;
}
h3 {
font:20pt Verdana,Geneva,Arial,Helvetica,sans-serif;
text-align:left;
}
4

Thanks guys.

Lol clearly I added the footer class and then didn’t save the file. A case of not enough coffee I think…

5

:lol: So I presume it’s solved now! Maybe take another cup before starting at the next step :wink:

6

Others have solved the problem you came in with, but a couple of points (if you will pardon the phrase) … don’t use points.

A point is a physical measurement of 1/72 inch. It only makes sense to use points for print stylesheets where there is a physical measurement that can be made. Screen displays don’t work like that. The actual size will depend on the screen size and resolution, so it makes no more sense to say that you want 30pt of padding than it does to set the width of a box to 5cm.

For screen stylesheets, you can use em, % or px but not pt, cm or in. (And even if you could use pt, you would put “8pt”, not “8 point”)