272892 - deltadentalca.org - registration page CSS is not valid, and error colors are not visible in mozilla

Status: RESOLVED FIXED

(Tech Evangelism Graveyard :: English US, defect)

Description

[Will Budreau]

User-Agent:       Mozilla/5.0 (Windows; U; Windows NT 5.1; en-US; rv:1.7.5) Gecko/20041107 Firefox/1.0
Build Identifier: Mozilla/5.0 (Windows; U; Windows NT 5.1; en-US; rv:1.7.5) Gecko/20041107 Firefox/1.0

As a member of this website, I am unable to complete my registration, because
upon submitting the following registration form, I am told that there are
errors, and that they are highlighted in red. However, the red is not visible
because FireFox does not find the style. Works fine in IE.

Reproducible: Always
Steps to Reproduce:
1. Must be a member and start signin at
https://register-prod.deltadentalca.org/subscriber_registration_controller.jsp
2. On second step, fill some data out incorrectly according to validation
3. Press submit

Actual Results:  
The page refreshes, with a string indicating that problems are highlighted in red.
The problem is, the problems are not highlighted in red - there is no visual
indication of the problem rows

Expected Results:  
If FireFox had been able to parse the intended CSS, the lables of invalid values
would be highlighted in red.

Although the style will not be displayed on the first page
https://register-prod.deltadentalca.org/subscriber_registration_controller.jsp
the style is still defined there, and that page (Which is visible to anyone)
shows the same validation error.

Comment 1

[Will Budreau]

I used the Web Developer Toolbar to send a local copy of the CSS for the
problematic page(s) to http://jigsaw.w3.org/css-validator/

I believe the issues is with the included file at
https://login-prod.deltadentalca.org/static/lpi.css which should not have html
<stylesheet> tags outside the css.

HEre is the validation resposne:
"    * Line: 6

      Parse error - Unrecognized : <p>.hditldkblu { font-family: Verdana, Arial,
Helvetica, sans-serif; font-size: 22px; font-style: italic; line-height: 24px;
font-weight: 900; color: #333366; font-variant: normal; text-transform: none }
    * Line: 78

      Parse error - Unrecognized : }</p> .PMIbutton { font-family: Verdana,
Arial, Helvetica, sans-serif; font-size: 10pt; font-style: normal; line-height:
normal; font-weight: bold; color: #333366}
    * Line: 91

      Parse error - Unrecognized : <style type="text/css"
source="stylesheet.css"> <!-- .ERROR { font-family: arial, helvetica;
font-style: normal; font-weight: bold; font-size: 13px; color: RED }
"

Comment 2

[Felix Miata]

Conforming summary to TFM item 10 at 
http://www.mozilla.org/projects/tech-evangelism/site/procedures.html#file-new

Comment 3

[Chris Lawson (gone)]

Site has moved to

http://www.deltadentalins.com/index.html

and has only one error (a fairly obvious typo):

Warning: Unknown property 'displavertical-align'.  Declaration dropped.
Source File: http://www.deltadentalins.com/index.html
Line: 146

This looks FIXED to me.