Πρόβλημα με το mod_mostread [SOLVED]

[Dimitris Kanatas]

Έχω παρατηρήσει στο site μου πως με το που κάνει κάποιος επιλογή σε ένα θέμα του mod_mostread  αυτό στη μπάρα εμφανίζει δύο φορές την ετικέτα "αρχική σελίδα". Παρακαλώ δείτε και τη φωτογραφία (Επισύναψη αρχείου).

Πού ακριβώς στο κώδικα υπάρχει το πρόβλημα;

Ευχαριστώ!

[old attachment deleted by admin]

[Dimitris Kanatas]

Στο Internet Explorer παρατηρώ πως η απόσταση μεταξύ των άρθρων είναι αρκετά μεγάλη. Το πρόβλημα αυτό δεν υπάρχει στο firefox. Παρακαλώ δείτε και τη φωτογραφία (συνημμένου).

Υπάρχει κάποια σκέψη για λύση;


[attachment deleted by admin]

[CREATIVE Options]

To template OKTO ειναι απλό δείγμα και δεν είναι 100% ολοκληρωμένο.

Άρα εάν θέλει κάποιος χρήστης να χρησιμοποιήσει το OKTO θα πρέπει να το ολοκληρώσει και το βελτιώσει βάση των αναγκών του.

Όσων αφορά με το διάκενο μεταξύ των άρθρων σε IE θα πρέπει να ορίσεις βρεις την χρυσή τομή για κάθε φυλλομετρήτη.

[datahell]

Δεν το κατάλαβα αυτό, το template "Okto" είναι ολοκληρωμένο. Αν τώρα βάζετε άλλα πράγματα στο site σας που επηρεάζουν τις CSS κλάσεις του "okto" με αποτέλεσμα κάποια πράγματα να χαλάνε αυτό είναι άλλο θέμα. Εκεί θα πρέπει να επέμβετε και να κάνετε αλλαγές.

[CREATIVE Options]

Συγνώμη Γιάννη για την λάθος ενημέρωση, αλλά αυτή την εικόνα είχα από κάποια παλαιότερα post.
Ένα από αυτά που θυμάμαι είναι σχετικό με το "Article Index" για αυτό τον λόγο η προηγούμενη δημοσίευση.

Εφόσον το OKTO είναι πλήρες τότε έχει να κάνει 100% με της πρόσθετες CSS κλάσεις.

[datahell]

Το "okto" είναι το πιο πλήρες template που υπάρχει. Είναι κατασκευασμένο από την Elxis Team μετά από ενδελεχή μελέτη του κώδικα του Elxis (το μοναδικό με αυτά τα χαρακτηριστικά που είναι διαθέσιμο ελεύθερα) και γι αυτό και πρέπει να εκλαμβάνεται ως οδηγός για κατασκευή άλλων template για το Elxis. Φυσικά ο καθένας στο CSS του μπορεί να προσθέσει επιπλέον δηλώσεις.

Έστω αν πχ λέει στο okto:

div.myclass {.....}

Εσείς μπορείτε να προσθέσετε (αν τα χρειάζεστε):

div.myclass a, div.myclass a:hover { ... }
div.myclass p { ... }
div.myclass #myid { ... }
div.myclass div span { ... }
κλπ.

Η λίστα είναι άπειρη. Για όσους γνωρίσουν CSS αυτό είναι απόλυτα κατανοητό. Οπότε το "μη ολοκληρωμένο" αν και δεν στέκει, προκαλεί σύγχιση στους φίλους που δεν έχουν μεγάλη εμπειρία σε CSS.

[Dimitris Kanatas]

datahell την εικόνα την πήρα από το Demo του elxis που είναι ανεβασμένο. Κι εγώ στην αρχή νόμιζα πως κάτι δε πήγε καλά στo δικό μου CSS αρχείο αλλά το παρατήρησα και στην Demo έκδοση (elxis-demo.com). Σύνταξη στη CSS γνωρίζω τα βασικά (3 βιβλία οδηγούς και 1 site + το forum μας οι πηγές μου) αλλά δυσκολεύομαι να βρω την ισορροπία I.e. 6 + I.e. 7 + firefox.

Στο πρώτο πρόβλημα το λάθος είναι στη php αλλά δε μπορώ να το εντοπίσω. Ελπίζω datahell να μου δώσεις κάποια ιδέα.

[datahell]

Αν το πρόβλημα είναι στις κάθετες αποστάσεις των άρθρων, πήγαινε στο: templates/okto/css/customize.css και παίξε με τις γραμμές 143 ως 150 (ul.table).  Δοκίμασε δίνοντας κατακόρυφο padding και margin στα ul.table li.sectiontableentry1 και ul.table li.sectiontableentry2. Πχ:

Code: (CSS) [Select]

ul.table li.sectiontableentry1, ul.table li.sectiontableentry2 {
margin: 2px 0;
padding: 0 0 0 0;
}

[Dimitris Kanatas]

το πρόβλημα είναι στην γραμμή...

Code: [Select]

div.tcs ul { padding: 10px 0 10px; }
Για να εξηγήσω...

div.tcs ul -> ελέγχει τη λίστα άρθρων που εμφανίζεται μετά από επιλογή από το μενού.

padding -> χρησιμοποιείται για να ορίσουμε την απόσταση του περιεχομένου των στοιχείων μας από τις πλευρές του.

10px 0 10px 0 -> Ορίζουμε ξεχωριστές αποστάσεις στις 4 πλευρές του στοιχείου σε pixels.

Η σειρά πάει πάνω, αριστερά, κάτω, δεξιά.

Datahell μπορείς να το ελέγξεις κι αν είναι αυτό τότε μπορούμε να διορθώσουμε το okto.

[datahell]

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

[Dimitris Kanatas]

ΟΚ Datahell. Καλό βράδυ!

[Dimitris Kanatas]

Code: [Select]

Πάνω από αυτή πρόσθεσε:

div.tcs ul.table { margin: 0; padding: 0; }

Ώστε τελικά να έχεις:
/* section, category contents (table view) */
div.tcs { margin-bottom: 10px; }
div.tcs ul.table { margin: 0; padding: 0; }
div.tcs ul { margin: 0; padding: 10px 0; }
Ευχαριστώ δημόσια τον datahell για τη βοήθεια. Πιστεύω πως πολλοί θα χρειαστούν τη λύση...

Τα προβλήματα λύθηκαν!!!