Forums

Home » Liferay Portal » English » 2. Using Liferay » General

Combination View Flat View Tree View
Threads [ Previous | Next ]
Manuel de la Peña
Accesibility and CSS2
November 6, 2009 3:46 AM
Answer

Manuel de la Peña

Rank: Regular Member

Posts: 116

Join Date: December 4, 2008

Recent Posts

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!
Lisa Simpson
RE: Accesibility and CSS2
November 6, 2009 12:22 PM
Answer

Lisa Simpson

Rank: Liferay Legend

Posts: 2034

Join Date: March 5, 2009

Recent Posts

You probably want to check the CSS in your theme.
Manuel de la Peña
RE: Accesibility and CSS2
November 9, 2009 1:43 AM
Answer

Manuel de la Peña

Rank: Regular Member

Posts: 116

Join Date: December 4, 2008

Recent Posts

Hello!

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


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


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.