W3C Validator σε Elxis 4.XX

[Dimitris Kanatas]

Σε συνέχεια του άρθρου W3C Validator

Ένα site με Elxis 4.XX πιστεύετε πως "πρέπει" να περνάει το W3C Validator ;

[datahell]

Το Elxis έχει 100% έγκυρο κώδικα, αν τυχόν κάτι δεν περνάει το validator μας το αναφέρετε ως bug. Όμως σε ένα site δεν υπάρχει μόνο η html που παράγει το Elxis, υπάρχει και η html που βάζετε εσείς μέσα από τον editor, και η html από οποιαδήποτε τρίτη επέκταση (module, template, κλπ). Αν πχ γράψω στον editor <dsds>test</dsds> εννοείται πως δεν θα περάσει τον validator γιατί δεν υπάρχει tag "dsds" Η αν γράψω <p><span>x</p></span> και πάλι η html θα είναι άκυρη γιατί το "span" δεν κλείνει σωστά. Δεν θα φταίει όμως το Elxis γι αυτό.

[Dimitris Kanatas]

Οκ Γιάννη!

Να ξεκινήσω την ερώτηση για μια εγγραφή που τη συναντάω σε δικά μου site...

Warning: The border attribute is obsolete. Consider specifying img { border: 0; } in CSS instead.
From line 50, column 88; to line 50, column 211
ο Π.Σ.Δ."><img src="Διαδρομή εικόνας" alt="Το Elxis Nautilus στο Π.Σ.Δ." border="0" /></a>↩

Μπορεί να γίνει ένας έλεγχος για το αν είναι γενικό το Warning;

Νέο:

Μάλλον είναι γενικό μιας και το βλέπω και σε σελίδα του rentasite

Επίσης βλέπω λάθη και στο τροποποιημένο μου Module Archive και συγκεκριμένα...

Error: Attribute javascript:void(null);" not allowed on element a at this point.
From line 354, column 31; to line 354, column 132
yearwrap"><a javascript:void(null);" onclick="arcswitchyear(-1);" class="mod_arc_left" title="Προηγούμενο έτος">&#9664

... που μάλλον σε αυτό κάτι εγώ πείραξα και πρέπει να το βρω!

[datahell]

Το attribute "border" δεν δημιουργεί άκυρο συντακτικά κώδικα έχει όμως καταργηθεί στην html5 και δεν πρέπει πλέον να χρησιμοποιείται.
<img src="Διαδρομή εικόνας" alt="Το Elxis Nautilus στο Π.Σ.Δ." border="0" />

Στο link (module Archive) σου λείπει το "href": <a href="javascript:void(null);" ....

[Dimitris Kanatas]

Γιάννη όλα τα λάθη διορθώθηκαν και με τη βοήθειά σου, εκτός από το border που υπάρχει με την εικόνα του άρθρου.

Μπορούμε να το διώξουμε κι αυτό;

[datahell]

Το border προέρχεται από το index.php του template Tiara, άνοιξε το αρχείο και αφαίρεση το border="0" στο <img ... />

Το Elxis χρησιμοποιεί ακόμα το border σε αρκετά σημεία (κυρίως στη διαχείριση) αλλά το σημαντικό είναι στη σελίδα κατηγορίας. Αν θέλεις να είναι 100% ΟΚ άνοιξε το παρακάτω αρχείο και αφαίρεσε το border="0" σε όλα τα img tag που θα βρεις (2-3 σημεία είναι).
components/com_content/views/category.html.php

Παίδες στα σφάλματα που έχουν να κάνουν με παρωχημένη σύνταξη (deprecated/obsolete) μη δίνετε ιδιαίτερη σημασία, δεν δημιουργούν πρόβλημα στην προσπέλαση της σελίδας. Αυτό που πρέπει να προσέχετε είναι τα συντακτικά λάθη όπως για παράδειγμα το href που έλειπε στο link στο module Archive που αναφέρθηκε παραπάνω.

Δημήτρη στο site σου υπάρχει ένα λάθος στο σημείο που γίνεται σελιδοποίηση στο άρθρο "Εγκατάσταση του elxis CMS". Το block της σελιδοποίησης εμπεριέχεται μέσα σε h3 tags, πράγμα που είναι λάθος. Έψαξα τον σχετικό κώδικα του elxis (component content, pagination helper, plugin pagebreak) και δεν βρήκα κάποιο αίτιο εκεί. Οπότε δεν νομίζω το πρόβλημα αυτό να παράγεται από το Elxis. Δεν ξέρω αν έχεις κάνει κάτι εσύ. Αν έχεις πειράξει κάτι διόρθωσέ το.

<h3>
<nav class="elx_navigation">
...
</nav>
</h3>

[Dimitris Kanatas]

Γιάννη έκανα αναβάθμιση στο ένα site που πήγε πολύ καλά κι εκεί έκανα αρχικά τις αλλαγές για το W3C Validator.

Είδα λαθάκια σε όλα τα δικά μου με Tiara. Σιγά-σιγά, και μάλλον θα αλλάξω και template σε ορισμένα απ` αυτά.

Πάντως πολύ καλή δουλειά στην νέα έκδοση με ξεχωριστή θέση η λειτουργία τοπικής επιλογής εικόνων για την ανάρτηση νέων άρθρων και η επιλογή Drag and drop στο ανέβασμα των αρχείων.

Στο θέμα του border: Με επιτυχία, σε ένα site Elxis CMS 4.4,  έβγαλα:

mod_latestarticles.php

mod_articles.php

category.html.php

Και... Document checking completed. No errors or warnings to show.

Και πάλι σ` ευχαριστώ!

Μήπως υπάρχει κάπου πρόβλημα (π.χ. η προβολή σε διάφορους πλοηγούς) η απουσία του border;

[Dimitris Kanatas]

Γιάννη βλέπω αρκετά λάθη και στα αποτελέσματα Ελέγχου Εγκυρότητας W3C CSS (αναφέρομαι στο chloe)

Θα μας δώσεις τα φώτα σου, όποτε έχεις χρόνο;

Αποτελέσματα Ελέγχου Εγκυρότητας W3C CSS (Ορισμένα)

59   code, pre   Σφάλμα τιμής : background Το top δεν είναι μία τιμή color )

315   a.elx_nav_link, a.elx_nav_link:visited, a.elx_nav_link:hover   προσπάθεια εύρεσης ενός semi-colon πριν την ονομασία ιδιότητας. Προσθέστε το

226   input[type="submit"], input[type="button"], button[type="submit"], button[type="button"], input.elxbutton, button.elxbutton, button.elxbutton-save, button.elxbutton-search   Η ιδιότητα boreder-radius δεν υπάρχει : 3px

324   a.elx_nav_link, a.elx_nav_link:visited, a.elx_nav_link:hover   Η ιδιότητα progid δεν υπάρχει : DXImageTransform

324   a.elx_nav_link, a.elx_nav_link:visited, a.elx_nav_link:hover   Σφάλμα Ανάλυσης DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#E2E2E2',GradientType=0);

325   a.elx_nav_link, a.elx_nav_link:visited, a.elx_nav_link:hover   Σφάλμα Ανάλυσης }

419   ul.elx_links_box div.elx_dateauthor time   Πάρα πολλές τιμές ή οι τιμές δεν αναγνωρίζονται : none

445   ul.elx_uc_langs li a   Το nowrap δεν είναι μία τιμή overflow-wrap : nowrap

543   .elx_vmenu > li > ul > li > ul > li > ul > li a, .elx_vmenu > li > ul > li > ul > li > ul > li a:hover   Σφάλμα Ανάλυσης [ ..elx_vmenu > li > ul > li > ul > li > ul > li a:visited]

544   .chloe_footer_menu .elx_menu li a, .chloe_footer_menu .elx_menu > li.menu_active > a   Σφάλμα τιμής : font Το 14 δεν είναι μία τιμή font-weight : normal 14 / 23px "Open Sans",​sans-serif

571   select.elx_modsearch_eng   Η ιδιότητα appearance δεν υπάρχει : menulist

756   #chloe_slider .dots li   Σφάλμα Ανάλυσης *display: inline;

771      Σφάλμα Ανάλυσης [: 1; width: 10px; height: 10px; line-height: 10px; margin: 0 4px; text-indent: -999em; *text-indent: 0; border: 2px solid #fff; border-radius: 6px; cursor: pointer; opacity: .4; -webkit-transition: background .5s]

772      Στο CSS1, η ονομασία κλάσης πρέπει να ξεκινάει με ένα ψηφίο (".55ft"), εκτός και εάν ήταν διάσταση (".55in"). Στο CSS2, τέτοιες κλάσεις πρέπει να αναλύονται ως άγνωστες διαστάσεις (για να επιτρέπουν τη μελλοντική πρόσθεση νέων μονάδων) Για να γίνει το ".5s" μία έγκυρη κλάση, το CSS2 απαιτεί τη διαφυγή του πρώτου ψηφίου ".3.\35s" [5s; -moz-transition: background .5s]

Και ένα μεγάλο αριθμό με προειδοποιήσεις...

can't find the warning message for vendor-extension

[datahell]

59   code, pre   Σφάλμα τιμής : background Το top δεν είναι μία τιμή color )
Κάνει λάθος ο validator γιατί δεν μπορεί να αναγνωρίσει το gradient background. Η δήλωση είναι σωστότατη, περισσότερα εδώ
background: linear-gradient(top,  #fbfdfc 0%,#f6f5f5 100%);

315   a.elx_nav_link, a.elx_nav_link:visited, a.elx_nav_link:hover   προσπάθεια εύρεσης ενός semi-colon πριν την ονομασία ιδιότητας. Προσθέστε το
Δεν βλέπω κάποιο λάθος, έχεις κάνει αλλαγές στο template; (δες αν η προηγούμενη δήλωση στο css τερματίζει σωστά)

226   input[type="submit"], input[type="button"], button[type="submit"], button[type="button"], input.elxbutton, button.elxbutton, button.elxbutton-save, button.elxbutton-search   Η ιδιότητα boreder-radius δεν υπάρχει : 3px
Στο css του template αναφέρεται σωστά ως border-radius:3px; και όχι boreder-radius. Φαντάζομαι έχεις κάνει edit το template, διόρθωσε το.

324   a.elx_nav_link, a.elx_nav_link:visited, a.elx_nav_link:hover   Η ιδιότητα progid δεν υπάρχει : DXImageTransform
Δυστυχώς υπάρχει, είναι για τον παλιό internet explorer. Ομοίως και το επόμενο για το DXImageTransform.Microsoft.gradient

325   a.elx_nav_link, a.elx_nav_link:visited, a.elx_nav_link:hover   Σφάλμα Ανάλυσης }
Κανένα λάθος, δες τι αλλαγές έχεις κάνει.

Κτλ, δεν τα αναλύω όλα, δες τα εσύ ένα ένα.

[Dimitris Kanatas]

Καλημέρα Γιάννη,

Ξέχασα να αναφέρω πως τα σφάλματα (τα περισσότερα -ένα δύο μου ξέφυγαν από το δικό μου) είναι κοινά του δικού μου με ένα site του rentasite και υπέθεσα μήπως χρειάζεται κάποια επέμβαση στο chloe.

Θα κάνω ό,τι μπορώ στα υπόλοιπα!