Διόρθωση εμφάνισης στατιστικών σε ipad

Επισκόπηση προηγούμενης Θ.Ενότητας Επισκόπηση επόμενης Θ.Ενότητας Πήγαινε κάτω

Λύθηκε Διόρθωση εμφάνισης στατιστικών σε ipad

Δημοσίευση από Skouliki Τετ Απρ 06, 2016 11:10 pm

καλησπέρα 
είχαμε ξανασυναντησει το ιδιο προβλημα εδω https://helpgr.forumgreek.com/t916-topic και το ειχαμε φτιάξει 
ωστόσο με την αλλαγή στο πάχους του φόρουμ που έκανα και πάλι σε ipad χαλασε η στοιχιση όπως αυτο καταγράφεται και στην εικόνα που ακολουθεί 

υπάρχον κωδικός 
Κώδικας:
#stats {
    background: #EFF1F3;
    display: table;
    float: center !important;
    height: 14px;
    line-height: 2px;
    margin-left: 0;
    margin-top: 10px;
    text-align: center;
    vertical-align: bottom;
    width: auto;
    padding: 0px 200px 0px 0px;
}

http://keeponblogging.forumotion.com

Διόρθωση εμφάνισης στατιστικών σε ipad 6tcq4x


Έχει επεξεργασθεί από τον/την Skouliki στις Τρι Απρ 12, 2016 12:18 am, 1 φορά
Skouliki

Skouliki
Υπεύθυνος Φόρουμ
Υπεύθυνος Φόρουμ

Θηλυκό
Δημοσιεύσεις : 1027



Skouliki ο/η συγγραφέας σας ευχαριστήσε για την απάντησή σας.

Λύθηκε Απ: Διόρθωση εμφάνισης στατιστικών σε ipad

Δημοσίευση από Skouliki Πεμ Απρ 07, 2016 11:32 pm

υπενθυμιση
Skouliki

Skouliki
Υπεύθυνος Φόρουμ
Υπεύθυνος Φόρουμ

Θηλυκό
Δημοσιεύσεις : 1027



Skouliki ο/η συγγραφέας σας ευχαριστήσε για την απάντησή σας.

Λύθηκε Απ: Διόρθωση εμφάνισης στατιστικών σε ipad

Δημοσίευση από Van-Helsing Παρ Απρ 08, 2016 1:19 pm

Καλησπέρα,
Πας Πίνακας Διαχείρισης ► Εμφάνιση ► Εικόνες και χρώματα ► Χρώματα ► CSS Stylesheet

και βρίσκεις τον παρακάτω κώδικα:

Κώδικας:

#stats {
    background: #EFF1F3;
    display: table;
    float: center !important;
    height: 14px;
    line-height: 2px;
    margin-left: 0;
    margin-top: 10px;
    padding: 0 200px 0 0;
    text-align: center;
    vertical-align: bottom;
    width: auto;
}

και αντικατέστησε το με τον παρακάτω κώδικα CSS:

Κώδικας:
#stats {
    background: #EFF1F3;
    display: table;
    float: center !important;
    height: 14px;
    line-height: 2px;
    margin-top: 10px;
    text-align: center;
    vertical-align: bottom;
    width: 100%;
}
Van-Helsing

Van-Helsing
Διαχειριστής
Διαχειριστής

Άντρας
Ηλικία : 49
Δημοσιεύσεις : 1990



Van-Helsing ο/η συγγραφέας σας ευχαριστήσε για την απάντησή σας.

Λύθηκε Απ: Διόρθωση εμφάνισης στατιστικών σε ipad

Δημοσίευση από Skouliki Παρ Απρ 08, 2016 4:28 pm

Καλησπερα δεν αλλαξε κατι παρεμεινε ως εχει μη κεντραρισμενο
Skouliki

Skouliki
Υπεύθυνος Φόρουμ
Υπεύθυνος Φόρουμ

Θηλυκό
Δημοσιεύσεις : 1027



Skouliki ο/η συγγραφέας σας ευχαριστήσε για την απάντησή σας.

Λύθηκε Απ: Διόρθωση εμφάνισης στατιστικών σε ipad

Δημοσίευση από Van-Helsing Παρ Απρ 08, 2016 5:07 pm

Καλησπέρα,
Βρες στο CSS σου αυτόν τον κώδικα:

Κώδικας:

.statsPers {
    display: block;
    list-style: none;
    margin: 0 270px;
    width: 100%;
}

και αντικατέστησε τον με τον παρακάτω:

Κώδικας:

.statsPers {
    display: block;
    list-style: none;
    margin: 0px 0px 0px 120px;
    width: 100%;
    position: relative;
}

Λογικά πρέπει να εμφανιστεί κάπως έτσι:
Διόρθωση εμφάνισης στατιστικών σε ipad Pxcdd5O

μπορείς να το ρυθμίσεις αλλάζοντας τα pixels στο margin (margin: 0px 0px 0px 120px;).
Van-Helsing

Van-Helsing
Διαχειριστής
Διαχειριστής

Άντρας
Ηλικία : 49
Δημοσιεύσεις : 1990



Van-Helsing ο/η συγγραφέας σας ευχαριστήσε για την απάντησή σας.

Λύθηκε Απ: Διόρθωση εμφάνισης στατιστικών σε ipad

Δημοσίευση από Skouliki Παρ Απρ 08, 2016 7:12 pm

λοιπον δεν μπορω να πετυχω μια μεση λύση ...στο 190
στο laptop ειναι ετσι
Διόρθωση εμφάνισης στατιστικών σε ipad 2ebd0rr
και στο ipad ετσι
Διόρθωση εμφάνισης στατιστικών σε ipad 2qmnk80

αν χρησιμοποιησω την εντολη
Κώδικας:
position: relative;
μεσα στον κωδικα τοτε το χαλάει το παχος του φορουμ μονο στο ipad

στο 120 που φαινεται να ειναι  η σωστη κεντρικη στοιχιση του φορουμ δυστυχως στο ipad αποκτα την αρχικη κακη στοιχιση που απεικονιζεται στο αρχικο μου ποστ

ξαναβαζω τον κωδικα που εχω ολοκληρωμενο μηπως υπαρχει μεσα του καποιο λαθος ή επιπλεον στοιχειο που προκαλει αυτο

Κώδικας:
#stats {
    background: #EFF1F3;
    display: table;
    float: center !important;
    height: 14px;
    line-height: 2px;
    margin-top: 10px;
    text-align: center;
    vertical-align: bottom;
    width: 100%;
}
    .statsPers li span a{text-decoration:none !important}
    .statsPers li > span{padding:5px 8px;background:#E1E1E1;box-shadow:inset rgba(0,0,0,0.3) 0 1px 2px,rgba(255,255,255,1) 0 1px 0;-moz-box-shadow:inset rgba(0,0,0,0.3) 0 1px 2px,rgba(255,255,255,1) 0 1px 0;-webkit-box-shadow:inset rgba(0,0,0,0.3) 0 1px 2px,rgba(255,255,255,1) 0 1px 0;-o-box-shadow:inset rgba(0,0,0,0.3) 0 1px 2px,rgba(255,255,255,1) 0 1px 0;border:1px solid #E1E1E1;margin-bottom:10px;border-radius:3px;-moz-border-radius:3px;-webkit-border-radius:3px;-o-border-radius:3px;text-shadow:1px 1px 0 white;color:#111;font-weight:700}
    .statsPers li{float:left;color:#666;margin:20px 10px}

    .statsPers {
    display: block;
    list-style: none;
    margin: 0px 0px 0px 190px;
    width: 100%;
  }

    .statHide.rdtOn{display:none}
    .statHide{display:none}
Skouliki

Skouliki
Υπεύθυνος Φόρουμ
Υπεύθυνος Φόρουμ

Θηλυκό
Δημοσιεύσεις : 1027



Skouliki ο/η συγγραφέας σας ευχαριστήσε για την απάντησή σας.

Λύθηκε Απ: Διόρθωση εμφάνισης στατιστικών σε ipad

Δημοσίευση από Van-Helsing Παρ Απρ 08, 2016 10:54 pm

Καλησπέρα,
Δοκίμασε να κάνεις το position απο relative σε absolute. Δηλαδή  
Κώδικας:
position: absolute;

απλά η relative το προσαρμόζει στην εκάστοτε οθόνη ενώ η absolute το τοποθετεί στην απόλυτη θέση. Το τσέκαρα στο ipad μου και μου εμφάνιζε μια μικρή απόκλιση περίπου 70-80 px.
Van-Helsing

Van-Helsing
Διαχειριστής
Διαχειριστής

Άντρας
Ηλικία : 49
Δημοσιεύσεις : 1990



Van-Helsing ο/η συγγραφέας σας ευχαριστήσε για την απάντησή σας.

Λύθηκε Απ: Διόρθωση εμφάνισης στατιστικών σε ipad

Δημοσίευση από Skouliki Παρ Απρ 08, 2016 11:45 pm

παρεμεινε οπως οι φωτο πιο πανω το ενα αριστερα το αλλο δεξια

Η μονη περπτωση που λειτουργησε ιδια αν θυμαμαι καλα ηταν οταν το γκρι background το πλαισιο δλδ ηταν στο κεντρο κ αυτο κ οχι σε ολο το table οπως οι ενοτητες
Οταν ομως προσπαθησα να το διορθωσω οπως ειχαμε κανει σε ανολογο θεμα ειχε παλι το αποτελεσμα της μη στοιχισης
Διόρθωση εμφάνισης στατιστικών σε ipad 11qs4kx
Skouliki

Skouliki
Υπεύθυνος Φόρουμ
Υπεύθυνος Φόρουμ

Θηλυκό
Δημοσιεύσεις : 1027



Skouliki ο/η συγγραφέας σας ευχαριστήσε για την απάντησή σας.

Λύθηκε Απ: Διόρθωση εμφάνισης στατιστικών σε ipad

Δημοσίευση από Van-Helsing Σαβ Απρ 09, 2016 2:54 am

Περίεργο. scratch Ποιό iPad και ποιά έκδοση iOS έχεις; Το δοκίμασα σε iPad Mini με iOS 9.3.1 και δούλευε σχεδόν τέλεια.
Van-Helsing

Van-Helsing
Διαχειριστής
Διαχειριστής

Άντρας
Ηλικία : 49
Δημοσιεύσεις : 1990



Van-Helsing ο/η συγγραφέας σας ευχαριστήσε για την απάντησή σας.

Λύθηκε Απ: Διόρθωση εμφάνισης στατιστικών σε ipad

Δημοσίευση από Skouliki Σαβ Απρ 09, 2016 10:06 am

ακριβως τα ιδια καλημερα , και το περιεργο ειναι οτι δεν εχει κεντραριστει ουτε στο laptop
μπορω να σου βγαλω screenshot το ipad αν θες να δεις

να και ο κωδικος που εχω τωρα
Κώδικας:
#stats {
    background: #EFF1F3;
    display: table;
    float: center !important;
    height: 14px;
    line-height: 2px;
    margin-top: 10px;
    text-align: center;
    vertical-align: bottom;
    width: 100%;
}
    .statsPers li span a{text-decoration:none !important}
    .statsPers li > span{padding:5px 8px;background:#E1E1E1;box-shadow:inset rgba(0,0,0,0.3) 0 1px 2px,rgba(255,255,255,1) 0 1px 0;-moz-box-shadow:inset rgba(0,0,0,0.3) 0 1px 2px,rgba(255,255,255,1) 0 1px 0;-webkit-box-shadow:inset rgba(0,0,0,0.3) 0 1px 2px,rgba(255,255,255,1) 0 1px 0;-o-box-shadow:inset rgba(0,0,0,0.3) 0 1px 2px,rgba(255,255,255,1) 0 1px 0;border:1px solid #E1E1E1;margin-bottom:10px;border-radius:3px;-moz-border-radius:3px;-webkit-border-radius:3px;-o-border-radius:3px;text-shadow:1px 1px 0 white;color:#111;font-weight:700}
    .statsPers li{float:left;color:#666;margin:20px 10px}

    .statsPers {
    display: block;
    list-style: none;
    margin: 0px 0px 0px 190px;
    width: 100%;
   }

    .statHide.rdtOn{display:none}
    .statHide{display:none}  

επιπροσθετως με το absolute ξαναμικραινει το φορουμ στο ipad και κοιτα τι κανει στο Λαπτοπ οποτε το εβγαλα 
Διόρθωση εμφάνισης στατιστικών σε ipad 2zi39ec
Skouliki

Skouliki
Υπεύθυνος Φόρουμ
Υπεύθυνος Φόρουμ

Θηλυκό
Δημοσιεύσεις : 1027



Skouliki ο/η συγγραφέας σας ευχαριστήσε για την απάντησή σας.

Λύθηκε Απ: Διόρθωση εμφάνισης στατιστικών σε ipad

Δημοσίευση από Van-Helsing Σαβ Απρ 09, 2016 2:33 pm

Καλησπέρα,
βρες τον παρακάτω κώδικα CSS:

Κώδικας:
    .statsPers {
    display: block;
    list-style: none;
    margin: 0px 0px 0px 190px;
    width: 100%;
  }

και αντικατέστησε τον με τον παρακάτω κώδικα:

Κώδικας:
.statsPers {
    display: block;
    list-style: none;
    margin: 0px 0px 0px 190px;
    width: 100%;
    position: relative;
    padding: 0px 0px 0px 85px;
}
Van-Helsing

Van-Helsing
Διαχειριστής
Διαχειριστής

Άντρας
Ηλικία : 49
Δημοσιεύσεις : 1990



Van-Helsing ο/η συγγραφέας σας ευχαριστήσε για την απάντησή σας.

Λύθηκε Απ: Διόρθωση εμφάνισης στατιστικών σε ipad

Δημοσίευση από Skouliki Σαβ Απρ 09, 2016 4:40 pm

laptop κεντραρίστηκαν τα στατιστικα αλλα μεγαλωσε βασικα μετατοπιστηκε το φορουμ δεξια

Διόρθωση εμφάνισης στατιστικών σε ipad Nqr11z

ipad ουτε κεντραριστηκαν και  παλι μίκρυνε

περιεργο γιατι αυτο γινεται οταν εκανα αυτο 
Διόρθωση εμφάνισης στατιστικών σε ipad Jl59h4

στο 100% δεν ειχε θεμα φτιαχτηκε αμεσως
Skouliki

Skouliki
Υπεύθυνος Φόρουμ
Υπεύθυνος Φόρουμ

Θηλυκό
Δημοσιεύσεις : 1027



Skouliki ο/η συγγραφέας σας ευχαριστήσε για την απάντησή σας.

Λύθηκε Απ: Διόρθωση εμφάνισης στατιστικών σε ipad

Δημοσίευση από Van-Helsing Κυρ Απρ 10, 2016 3:09 am

Καλησπέρα,
Στο CSS σου βλέπω ότι δεν έχεις προσδιορίσει τη μονάδα μέτρησης στο element margin σε κάποιες τιμές:

Κώδικας:
.statsPers {
    display: block;
    list-style: none;
    margin: 0 0 0 190px;
    width: 100%;
}

ενώ θα πρέπει να είναι σε pixels(px)

Κώδικας:
.statsPers {
    display: block;
    list-style: none;
    margin: 0px 0px 0px 190px;
    width: 100%;
    position: relative;
}

Αυτό μπορεί να μπερδέψει το CSS και να υπολογίζει αντί για px σε em. Επίσης έχεις διαγράψει την position: relative;
Van-Helsing

Van-Helsing
Διαχειριστής
Διαχειριστής

Άντρας
Ηλικία : 49
Δημοσιεύσεις : 1990



Van-Helsing ο/η συγγραφέας σας ευχαριστήσε για την απάντησή σας.

Λύθηκε Απ: Διόρθωση εμφάνισης στατιστικών σε ipad

Δημοσίευση από Skouliki Κυρ Απρ 10, 2016 5:14 am

Καλημερα εφοσον σαν λυση εβαζα τους δικους σου προτεινομενους κωδικους τοτε τα px εμπαιναν σωστα στις δοκιμες

Το relative το εβγαλα γτ οπως ειπαμε πιο πανω χαλαγε την μορφη του φορουμ
Η τελευταια δοκιμη λυσης περιειχε ολα τα ανωτερω scratch

Edit δωσε μου μια μερα να τα δοκιμασω ολα απο την αρχη ολους τους συνδυασμους ξανα να δω μηπως και γινει κατι η μηπως δεν εκανα κατι

edit 2..@Van-Helsing Λοιπον δεν εγινε κατι οποτε εκανα το εξης στοιχισα αριστερα όλο 
πρόσθεσα την φραση στατιστικά ..ετσι στο Ipad κεντραριστικε σχεδον και στο laptop οσο πηγε πηγε 
επίσης αφαίρεσα απο κατω τα default στατιστικα 
Διόρθωση εμφάνισης στατιστικών σε ipad 2ai4zn6

δεν εχω καποια καλυτερη λυση ...οτι και να δοκιμασα οταν πηγαινε κεντρο χαλαγε το φορουμ και οταν εφτιαχνε το φορουμ χαλαγε η στοιχιση ...
μια ερωτηση μπορω πριν την φραση στατιστικα να προσθεσω εικόνα ? αν όχι μπορεις να κλεισεις το θεμα ..ειμαι οκ με την ως εχει εμφανιση
Skouliki

Skouliki
Υπεύθυνος Φόρουμ
Υπεύθυνος Φόρουμ

Θηλυκό
Δημοσιεύσεις : 1027



Skouliki ο/η συγγραφέας σας ευχαριστήσε για την απάντησή σας.

Λύθηκε Απ: Διόρθωση εμφάνισης στατιστικών σε ipad

Δημοσίευση από Skouliki Δευ Απρ 11, 2016 9:47 pm

up
Skouliki

Skouliki
Υπεύθυνος Φόρουμ
Υπεύθυνος Φόρουμ

Θηλυκό
Δημοσιεύσεις : 1027



Skouliki ο/η συγγραφέας σας ευχαριστήσε για την απάντησή σας.

Λύθηκε Απ: Διόρθωση εμφάνισης στατιστικών σε ipad

Δημοσίευση από Luffy Δευ Απρ 11, 2016 11:51 pm

Καλησπέρα @skouliki,

Βρες αυτά στο CSS σου:
Κώδικας:
#stats {
    background: #EFF1F3;
    display: table;
    float: center!important;
    height: 14px;
    line-height: 2px;
    margin-top: 10px;
    text-align: center;
    vertical-align: bottom;
    width: 100%;
}
.statsPers li {
    color: #666;
    float: left;
    margin: 20px 10px;
}
και αντικατέστησέ τα με αυτά:
Κώδικας:
#stats {
    background: #EFF1F3;
    height: 14px;
    display: table;
    line-height: 2px;
    margin-top: 10px;
    text-align: center;
    vertical-align: bottom;
    width: 100%;
}
.statsPers li {
    color: #666;
    display: inline-block;
    margin: 20px 10px;
}
li.statHide {
    display: none;
}
Luffy

Luffy
Διαχειριστής
Διαχειριστής

Άντρας
Τόπος : Ελλάδα
Δημοσιεύσεις : 2340



Luffy ο/η συγγραφέας σας ευχαριστήσε για την απάντησή σας.

Λύθηκε Απ: Διόρθωση εμφάνισης στατιστικών σε ipad

Δημοσίευση από Skouliki Τρι Απρ 12, 2016 12:02 am

καλησπερα αναμεσα σε αυτα τα 2 το stats και statspers εχω αυτο το κομματι
Κώδικας:
.statsPers li span a{text-decoration:none !important}
    .statsPers li > span{padding:5px 8px;background:#E1E1E1;box-shadow:inset rgba(0,0,0,0.3) 0 1px 2px,rgba(255,255,255,1) 0 1px 0;-moz-box-shadow:inset rgba(0,0,0,0.3) 0 1px 2px,rgba(255,255,255,1) 0 1px 0;-webkit-box-shadow:inset rgba(0,0,0,0.3) 0 1px 2px,rgba(255,255,255,1) 0 1px 0;-o-box-shadow:inset rgba(0,0,0,0.3) 0 1px 2px,rgba(255,255,255,1) 0 1px 0;border:1px solid #E1E1E1;margin-bottom:10px;border-radius:3px;-moz-border-radius:3px;-webkit-border-radius:3px;-o-border-radius:3px;text-shadow:1px 1px 0 white;color:#111;font-weight:700}
    .statsPers li{float:left;color:#666;margin:20px 10px}

το αφηνω?

βαζω ολοκληρο τον κωδικα που εχω
Κώδικας:
#stats {
    background: #EFF1F3;
    display: table;
    float: center !important;
    height: 14px;
    line-height: 2px;
    margin-top: 10px;
    text-align: center;
    vertical-align: bottom;
    width: 100%;
}
    .statsPers li span a{text-decoration:none !important}
    .statsPers li > span{padding:5px 8px;background:#E1E1E1;box-shadow:inset rgba(0,0,0,0.3) 0 1px 2px,rgba(255,255,255,1) 0 1px 0;-moz-box-shadow:inset rgba(0,0,0,0.3) 0 1px 2px,rgba(255,255,255,1) 0 1px 0;-webkit-box-shadow:inset rgba(0,0,0,0.3) 0 1px 2px,rgba(255,255,255,1) 0 1px 0;-o-box-shadow:inset rgba(0,0,0,0.3) 0 1px 2px,rgba(255,255,255,1) 0 1px 0;border:1px solid #E1E1E1;margin-bottom:10px;border-radius:3px;-moz-border-radius:3px;-webkit-border-radius:3px;-o-border-radius:3px;text-shadow:1px 1px 0 white;color:#111;font-weight:700}
    .statsPers li{float:left;color:#666;margin:20px 10px}

.statsPers {
    display: block;
    list-style: none;
    margin:0px 0px 0px 0px;
    width: 100%;
 
}
    .statHide.rdtOn{display:none}
    .statHide{display:none}
Skouliki

Skouliki
Υπεύθυνος Φόρουμ
Υπεύθυνος Φόρουμ

Θηλυκό
Δημοσιεύσεις : 1027



Skouliki ο/η συγγραφέας σας ευχαριστήσε για την απάντησή σας.

Λύθηκε Απ: Διόρθωση εμφάνισης στατιστικών σε ipad

Δημοσίευση από Luffy Τρι Απρ 12, 2016 12:07 am

@skouliki μόνο αυτά τα δύο που σου είπα αφαίρεσε και αντικατέστησε τον κώδικα που σου είπα. Τα υπόλοιπα τα αφήνεις. Αφαιρείς μόνο τα δύο που σου είπα.
Luffy

Luffy
Διαχειριστής
Διαχειριστής

Άντρας
Τόπος : Ελλάδα
Δημοσιεύσεις : 2340



Luffy ο/η συγγραφέας σας ευχαριστήσε για την απάντησή σας.

Λύθηκε Απ: Διόρθωση εμφάνισης στατιστικών σε ipad

Δημοσίευση από Skouliki Τρι Απρ 12, 2016 12:18 am

με χαρα λεω θέμα λύθηκε και ολοκληρωθηκε
ευχαριστω και τους δυο για τον χρονο σας
Skouliki

Skouliki
Υπεύθυνος Φόρουμ
Υπεύθυνος Φόρουμ

Θηλυκό
Δημοσιεύσεις : 1027



Skouliki ο/η συγγραφέας σας ευχαριστήσε για την απάντησή σας.

Λύθηκε Απ: Διόρθωση εμφάνισης στατιστικών σε ipad

Δημοσίευση από Luffy Τρι Απρ 12, 2016 12:23 am

To θέμα λύθηκε, κλειδώθηκε και αρχειοθετήθηκε.
Luffy

Luffy
Διαχειριστής
Διαχειριστής

Άντρας
Τόπος : Ελλάδα
Δημοσιεύσεις : 2340



Luffy ο/η συγγραφέας σας ευχαριστήσε για την απάντησή σας.

Επισκόπηση προηγούμενης Θ.Ενότητας Επισκόπηση επόμενης Θ.Ενότητας Επιστροφή στην κορυφή

- Παρόμοια θέματα

Δικαιώματα σας στην κατηγορία αυτή
Δεν μπορείτε να απαντήσετε στα Θέματα αυτής της Δ.Συζήτησης