CSS Warning

[Twinkie]

Im OCD about keeping error free code, and I don't understand why this is popping up?

Warning: Expected ':' but found 'switch'.  Declaration dropped.

for this code:

body {background-color: lightblue;}
h2 {color: #903;}
table.main td.label {padding-right: 20px}
table.main input {width: 423px;}
span.switch {
cursor: pointer;
position: absolute;
float: left;
}

And the cursor: pointer; statement is dropped. Why am I getting this warning?

 

[leafypiggy]

Don't you mean CDO ( OCD with the letters in the right order) ???


LOL

Well, I didn't think you need span.

Just .<element>

Not completely sure though.

--Neil

 

[Twinkie]

To the best of my knowledge, putting the element in the declaration is legal, and a precaution against faulty code. When I remove it, the warning is still there *twitches*

 

[quantum1]

I ran your css source above through my TopStyle checker and it said that CSS level 1 does not support cursor and position. If you are using CSS level 1 that might be the problem.

 

[xPlozion]

cursor as stated prior is not valid css code. also, there's a semicolon missing, but i don't know if that'll make an error down the line.

body {background-color: lightblue;}
h2 {color: #903;}
table.main td.label {padding-right: 20px;} /* semicolon here */
table.main input {width: 423px;}
span.switch {
/* cursor: pointer; /* not valid css code */
position: absolute;
float: left;
}

other than that, the rest of it looks right.

I too am a clean freak when it comes to code and errors. I like my pages Valid XHTML Strict and valid css, as well as clean, optimized easy to read php code.

 

[Twinkie]

I will see if that helps, thanks. What would be the valid way to change the cursor?

I would give reputation if I hadn't given some to you recently

 

[leafypiggy]

Its definetly valid.

http://www.w3schools.com/CSS/pr_class_cursor.asp

as stated there, it can also be changed with JavaScript

 

[xPlozion]

Its definetly valid.

http://www.w3schools.com/CSS/pr_class_cursor.asp

as stated there, it can also be changed with JavaScript

your right i was thinking the scroll bars for some weird reason xD

according to the css validator (w3), the only error is the background color : lightblue. it says that's not a valid color.
http://jigsaw.w3.org/css-validator/validator

 

[leafypiggy]

Hmmm..

maybe try

#ADD8E6 (which is LightBlue)

or another color from http://w3schools.com/css/css_colornames.asp

 

[diabolo]

can someone explain to me the use of "." in the css; I have only used it to define classes; and when i do I would put "span .switch" and might be the problem.

 

[leafypiggy]

It means that <span class="switch">
would inherit those porperties

 

[t2t2t]

Actually, diabolo said span .switch WITH space between them.

This rule means CSS will look for any element with class "switch" and which is inside a span element. But if you take space away, it will look for span element with class switch. (space and > mean "Look inside for...")

 

[Twinkie]

I added the semicolon with no luck... Here is the link to the real page.

Don't be tempted to use the form, it's my MySQL testing page, I congratulate those who find the hidden treasure in the page

http://supertwinkie.co.cc/SQL_Form.html

How would you send a + sign over AJAX POST for a MySQL Query using JavaScript??

The escape and encodeURI functions both ignore the + sign

 

[t2t2t]

<span style="switch" id="shortcut" onclick="Switch();">&nbsp;</span>

The error is here.

(Hint)

 

[xPlozion]

lol, nice find

this should be the correct code

<span class="switch" id="shortcut" onclick="Switch();">&nbsp;</span>

 

[Twinkie]

Wow, how did I miss that! Thank a lot, that error was the work of Dreamweaver auto complete.

Is it possible to send a + sign over AJAX?

 

[xPlozion]

Wow, how did I miss that! Thank a lot, that error was the work of Dreamweaver auto complete.

Is it possible to send a + sign over AJAX?

thus another reason i stick with hand coding everything, including html.

as far as the plus sign and ajax goes, how are you sending it? as a url like google does or as a part of an input field?

if worst comes to worst, you can escape it before sending it, then unescape it after

 

[Twinkie]

I hand code too, Dreamweaver just helps me out. I made a change to the styles to make it a class, and just slipped my mind to change the tag.

I am sending it through standard AJAX post for a MySQL query, using the escape function to encode the parameters. The escape function ignores the + sign, because it signals a space in a URI. Same page. Click the space at the top left corner of the page. Select query response and type:

SELECT CONCAT('1 + 1 = 5');

It responds without the + sign. I could encode and decode it with a user defined function, but I am hoping that I won't have to. Any ideas?

Well I didn't think there was a function to do that. Thanks for your help. I will rep you all if I hadn't recently.