Log in

View Full Version : Resolved Text not as per css



theremotedr
01-28-2014, 09:56 PM
Ive been trying to trouble shoot the above problem.
Text issue at footer http://www.theremotedoctor.co.uk/index.html
also
Text issue at footer http://www.theremotedoctor.co.uk/suzuki_keys.html

Below is the css for the footer text.
#footer {
clear: both;
font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
font-weight: bold;
font-size:12px;
color: #000099;
padding: 20px 30px;
text-align: center;
}

My problem is the following
Index page font size is larger than the Suzuki page.
Index page font colour is larger than Suzuki page.
Css shows #000099 not black
Css shows text align center but two differnt situations on site pages.

Very confused why css shows one thing yet pages on site different.
Ive come to the conclusion that there is might be something wrong elsewhere in the css but cant find it.
My learning curve has just finished !

Any help welcome.

traq
01-28-2014, 10:55 PM
Right above that rule, on line 274, you have an extra closing curly bracket ( } ). This may be causing your #footer rule to be considered invalid (I'm not sure of this, but Chrome (for example) ignores your #footer rule completely). Try correcting that (there's a second error on line 782 as well) and see what happens.

theremotedr
01-28-2014, 11:11 PM
Hi,
I was actualy going through the code again and got to line 270 when the email arrived.
I have deleted the } at the point mentioned and if you check the site now its foxed.

As i have been making edits and checking the css line 782 has been altered so im not sure which part you now mean.
Please can you supply a screen shot of the text and mention which part is incorrect.

Thanks for the help.

traq
01-28-2014, 11:21 PM
I have deleted the } at the point mentioned and if you check the site now its foxed.
Foxy!


As i have been making edits and checking the css line 782 has been altered so im not sure which part you now mean.
One or the other of the highlighted parts is wrong:

#temmplatemo_header {
padding-top: 67px;
padding-bottom: 20px;
background-image: url(images/header.png); top center;
background-repeat: no-repeat;
}