cforms II User Forum

Registration is currently disabled.
Guest

FAQs

Login form protected by Login LockDown.


Lost password?
Advanced Search

— Forum Scope —

  

— Match —

   

— Forum Options —

    

Wildcard usage:
*  matches any number of characters    %  matches exactly one character

Minimum search word length is 4 characters - maximum search word length is 84 characters

Topic RSS
A couple CSS errors breaks cForms validation
August 23, 2007
8:15 pm
Dave J. (Scoop0901)
Guest

I just installed a new theme on my site, working to get it ready for use on another site. In doing so, I added cForms 5.3, then, after I had almost everything installed (plugins) and the theme tweaked to how I wanted it for the other site, I ran everything through validation.

The xHTML and CSS validation reported several errors in cForms. A few were corrected by fixing a double semi-colon in the "linklove" item, specifically:

.linklove {
       margin:0 0 10px 0!important;
     
 padding:0!important;

       text-align:center!important;;

The other problem, which was present in each of the CSS style available by default in cForms is the specifying of:

 

display: -moz-inline-block;

 

 

After researching it, I found in the Web Standards Group list archive that even some at Mozilla want that code to disappear because it is problematic. It looks like the following should be used instead of the above call:

 

display: inline-block

Once I made the change to the code, I ran the pages back through both validators at W3C and everything validated just fine. 

August 24, 2007
7:22 am
Oliver
Munich, Germany
Admin
Forum Posts: 6400
Member Since:
March 6, 2005
Offline

display: inline-block

doesn't do the job for all browsers / theme / CSS options. the code I implemented is based on a best practice that A List Apart, who I certainly perceive as a credible source, came up with.

Take a close look, I actually had a statement already in there for browsers that understand inline-block:

    display:-moz-inline-box; /*for mozilla*/
    display:inline-block; /*for Opera & IE*/

It's you decision whether you want to be achieve 100% xHTML strict compliance and sacrifice looks, because removing -moz-inline-box will break the UI for Mozilla based clients.

RE: .linklove && ;;

Thanks for pointing it out, it'll be fixed in 5.4. 

Forum Timezone: Europe/Berlin

Most Users Ever Online: 959

Currently Online:
30 Guest(s)

Currently Browsing this Page:
1 Guest(s)

Top Posters:

tracedef: 43

mores: 21

Gyrus: 20

frozenwaste: 18

asuffredini: 15

photoworks: 14

Member Stats:

Guest Posters: 3756

Members: 1463

Moderators: 3

Admins: 2

Forum Stats:

Groups: 1

Forums: 4

Topics: 5355

Posts: 18731

Newest Members: juredujmovic, dreamkeeper, rajattyagi, wrokaa, lukass

Moderators: Paul (421), cnymike (8), sonika (95)

Administrators: Oliver (6400), Nicky (3)