PDA

View Full Version : Confused With CSS



Ndogg
Sep 22nd, 2010, 06:23 AM
This is kindof a question...

I was trying to edit my css and whenever I would test it, nothing would change. So I moved my code that I was trying to edit the css of to the top of the page, got an error because of sessions and stuff that doesnt apply here, then moved it back to the exact same spot as before and everything is change and working how it should have been...

Can anyone explain why this happened? I was literally trying to figure out what was going on for almost a half hour and it seems to have been nothing.

_Aerospace_Eng_
Sep 22nd, 2010, 06:30 AM
You likely had a cached version. Refreshing a few times or doing a hard refresh (CTRL+F5) would have probably shown your changes.

Ndogg
Sep 22nd, 2010, 06:40 AM
hmm, im still having issues, it isnt refreshing.

_Aerospace_Eng_
Sep 22nd, 2010, 06:44 AM
Okay then explain your problem further and post a link to your site. Tell us what you think should be changed and where you changed it. We can only guess if you don't give us a link to your site.

Ndogg
Sep 22nd, 2010, 06:58 AM
I used the w3schools html edit thing to see if what I was trying would work and it does so thats not the issue.

Also, heres the link: http://trivia.host56.com/The_Office/index.php

->At the bottom of the screen, click 'Get Score'

The table im trying to edit is at the top with 4 columns and 2 rows, the border should be white but its dark-grey.

_Aerospace_Eng_
Sep 22nd, 2010, 07:03 AM
And it is white. The actual border of the table is white but you have this in your CSS which causes the borders not to be white.

#rec_scores td {
border:2px solid #3C3C3C;
font-size:1em;
text-align:center;
}
Change that color to white and there you go. Also its good practice to specify widths and border styles.

Ndogg
Sep 22nd, 2010, 07:12 AM
Lol, i forgot I had that in the css file :D

Major Payne
Sep 22nd, 2010, 08:25 AM
Try correcting these, too:

CSS errors (http://jigsaw.w3.org/css-validator/validator?profile=css21&warning=0&uri=http%3A%2F%2Ftrivia.host56.com%2FThe_Office%2Findex.php)

HTML errors (http://validator.w3.org/check?verbose=1&uri=http%3A%2F%2Ftrivia.host56.com%2FThe_Office%2Findex.php)

It's important to use a document type (http://www.w3.org/QA/2002/04/valid-dtd-list.html) to prevent parsing in Quirks Mode (http://en.wikipedia.org/wiki/Quirks_Mode) unless you design for Quirks Mode.