1. Inici
  2. Portal
  3. Accesibility and CSS2

Accesibility and CSS2

thumbnail
1700842, modificat fa 16 anys.
Accesibility and CSS2
Regular Member Apunts: 116 Data d'incorporació: 04/12/08 Publicacions recents
Hello, i'm trying to validate my portal with CSS validators, and i get the following errors, all of them relatives to CSS2 spec.

1 .lfr-panel-content .lfr-paging-container li a Poperty not valid: display inline-block is not a value of display : inline-block
1 .lfr-upload-container .upload-complete Property opacity doesn't exists in CSS version 2 but in [css3] : 0.6
1 Pseudo-class o pseudo-element :last-child unknown
1 Pseudo-class o pseudo-element :last-child unknown
1 .lfr-configurator-visibility Property opacity doesn't exists in CSS version 2 but in [css3] : 0.5
1 Pseudo-class o pseudo-element :last-child unknown
1 Pseudo-class or pseudo-element :last-child unknown
1 .ui-dialog-overlay Property opacity doesn't exists in CSS version 2 but in [css3] : 0.8
1 .ui-proxy Property opacity doesn't exists in CSS version 2 but in [css3] : 0.65
1 .ui-slider-disabled .ui-slider-handle Property opacity doesn't exists in CSS version 2 but in [css3] : 0.5
1 .ui-slider-range Property opacity doesn't exists in CSS version 2 but in [css3] : 0.3
1 .ui-tabs-disabled Property opacity doesn't exists in CSS version 2 but in [css3] : 0.4

I'm using this validator: http://www.sidar.org/hera, which internally uses:

http://jigsaw.w3.org/css-validator/validator?uri=URL_PORTAL&warning=2&profile=css2&usermedium=all

However, same validation against CSS3 y totally valid:

http://jigsaw.w3.org/css-validator/validator?uri=URL_PORTAL&warning=2&profile=css3&usermedium=all

How can i solve this issue???

Many Thanks!
thumbnail
2401061, modificat fa 16 anys.
RE: Accesibility and CSS2
Liferay Legend Apunts: 2034 Data d'incorporació: 05/03/09 Publicacions recents
You probably want to check the CSS in your theme.
thumbnail
1700842, modificat fa 16 anys.
RE: Accesibility and CSS2
Regular Member Apunts: 116 Data d'incorporació: 04/12/08 Publicacions recents
Hello!

I'd thought that. More concretely i've replaced elements containing 'opacity' in CSS theme with this:


.lfr-configurator-visibility {
	/*opacity=0.5;*/
        -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; /* first!*/
	filter: alpha(opacity=50);					/* second!*/
}


The elements changed are in css.jsp, and in application.css

It works for me, but remember to use /* comments */, instead of //comments , because of dynamic merge of CSS

Regards, Manuel.