Διόρθωση εμφάνισης στατιστικών σε ipad
Ελληνική Κοινότητα Υποστήριξης ForumGreek :: ΤΟΜΕΑΣ ΥΠΟΣΤΗΡΙΞΗΣ :: Βοήθεια για Σχεδίαση Φόρουμ & Εμφάνιση :: Αρχείο Βοήθειας για Σχεδίαση Φόρουμ & Εμφάνισης
Σελίδα 1 από 1 • Μοιραστείτε
Διόρθωση εμφάνισης στατιστικών σε ipad
καλησπέρα
είχαμε ξανασυναντησει το ιδιο προβλημα εδω https://helpgr.forumgreek.com/t916-topic και το ειχαμε φτιάξει
ωστόσο με την αλλαγή στο πάχους του φόρουμ που έκανα και πάλι σε ipad χαλασε η στοιχιση όπως αυτο καταγράφεται και στην εικόνα που ακολουθεί
υπάρχον κωδικός
http://keeponblogging.forumotion.com
είχαμε ξανασυναντησει το ιδιο προβλημα εδω 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
Έχει επεξεργασθεί από τον/την Skouliki στις Τρι Απρ 12, 2016 12:18 am, 1 φορά
Skouliki- Υπεύθυνος Φόρουμ
-
Δημοσιεύσεις : 1027
Απ: Διόρθωση εμφάνισης στατιστικών σε ipad
Καλησπέρα,
Πας Πίνακας Διαχείρισης ► Εμφάνιση ► Εικόνες και χρώματα ► Χρώματα ► CSS Stylesheet
και βρίσκεις τον παρακάτω κώδικα:
και αντικατέστησε το με τον παρακάτω κώδικα CSS:
Πας Πίνακας Διαχείρισης ► Εμφάνιση ► Εικόνες και χρώματα ► Χρώματα ► 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- Διαχειριστής
-
Ηλικία : 49
Δημοσιεύσεις : 1990
Απ: Διόρθωση εμφάνισης στατιστικών σε ipad
Καλησπερα δεν αλλαξε κατι παρεμεινε ως εχει μη κεντραρισμενο
Skouliki- Υπεύθυνος Φόρουμ
-
Δημοσιεύσεις : 1027
Απ: Διόρθωση εμφάνισης στατιστικών σε ipad
Καλησπέρα,
Βρες στο CSS σου αυτόν τον κώδικα:
και αντικατέστησε τον με τον παρακάτω:
Λογικά πρέπει να εμφανιστεί κάπως έτσι:
μπορείς να το ρυθμίσεις αλλάζοντας τα pixels στο margin (margin: 0px 0px 0px 120px;).
Βρες στο 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;
}
Λογικά πρέπει να εμφανιστεί κάπως έτσι:
μπορείς να το ρυθμίσεις αλλάζοντας τα pixels στο margin (margin: 0px 0px 0px 120px;).
Van-Helsing- Διαχειριστής
-
Ηλικία : 49
Δημοσιεύσεις : 1990
Απ: Διόρθωση εμφάνισης στατιστικών σε ipad
λοιπον δεν μπορω να πετυχω μια μεση λύση ...στο 190
στο laptop ειναι ετσι
και στο ipad ετσι
αν χρησιμοποιησω την εντολη
στο 120 που φαινεται να ειναι η σωστη κεντρικη στοιχιση του φορουμ δυστυχως στο ipad αποκτα την αρχικη κακη στοιχιση που απεικονιζεται στο αρχικο μου ποστ
ξαναβαζω τον κωδικα που εχω ολοκληρωμενο μηπως υπαρχει μεσα του καποιο λαθος ή επιπλεον στοιχειο που προκαλει αυτο
στο laptop ειναι ετσι
και στο ipad ετσι
αν χρησιμοποιησω την εντολη
- Κώδικας:
position: relative;
στο 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- Υπεύθυνος Φόρουμ
-
Δημοσιεύσεις : 1027
Απ: Διόρθωση εμφάνισης στατιστικών σε ipad
Καλησπέρα,
Δοκίμασε να κάνεις το position απο relative σε absolute. Δηλαδή
απλά η relative το προσαρμόζει στην εκάστοτε οθόνη ενώ η absolute το τοποθετεί στην απόλυτη θέση. Το τσέκαρα στο ipad μου και μου εμφάνιζε μια μικρή απόκλιση περίπου 70-80 px.
Δοκίμασε να κάνεις το position απο relative σε absolute. Δηλαδή
- Κώδικας:
position: absolute;
απλά η relative το προσαρμόζει στην εκάστοτε οθόνη ενώ η absolute το τοποθετεί στην απόλυτη θέση. Το τσέκαρα στο ipad μου και μου εμφάνιζε μια μικρή απόκλιση περίπου 70-80 px.
Van-Helsing- Διαχειριστής
-
Ηλικία : 49
Δημοσιεύσεις : 1990
Απ: Διόρθωση εμφάνισης στατιστικών σε ipad
παρεμεινε οπως οι φωτο πιο πανω το ενα αριστερα το αλλο δεξια
Η μονη περπτωση που λειτουργησε ιδια αν θυμαμαι καλα ηταν οταν το γκρι background το πλαισιο δλδ ηταν στο κεντρο κ αυτο κ οχι σε ολο το table οπως οι ενοτητες
Οταν ομως προσπαθησα να το διορθωσω οπως ειχαμε κανει σε ανολογο θεμα ειχε παλι το αποτελεσμα της μη στοιχισης
Η μονη περπτωση που λειτουργησε ιδια αν θυμαμαι καλα ηταν οταν το γκρι background το πλαισιο δλδ ηταν στο κεντρο κ αυτο κ οχι σε ολο το table οπως οι ενοτητες
Οταν ομως προσπαθησα να το διορθωσω οπως ειχαμε κανει σε ανολογο θεμα ειχε παλι το αποτελεσμα της μη στοιχισης
Skouliki- Υπεύθυνος Φόρουμ
-
Δημοσιεύσεις : 1027
Απ: Διόρθωση εμφάνισης στατιστικών σε ipad
Περίεργο. Ποιό iPad και ποιά έκδοση iOS έχεις; Το δοκίμασα σε iPad Mini με iOS 9.3.1 και δούλευε σχεδόν τέλεια.
Van-Helsing- Διαχειριστής
-
Ηλικία : 49
Δημοσιεύσεις : 1990
Απ: Διόρθωση εμφάνισης στατιστικών σε ipad
ακριβως τα ιδια καλημερα , και το περιεργο ειναι οτι δεν εχει κεντραριστει ουτε στο laptop
μπορω να σου βγαλω screenshot το ipad αν θες να δεις
να και ο κωδικος που εχω τωρα
επιπροσθετως με το absolute ξαναμικραινει το φορουμ στο ipad και κοιτα τι κανει στο Λαπτοπ οποτε το εβγαλα
μπορω να σου βγαλω 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 και κοιτα τι κανει στο Λαπτοπ οποτε το εβγαλα
Skouliki- Υπεύθυνος Φόρουμ
-
Δημοσιεύσεις : 1027
Απ: Διόρθωση εμφάνισης στατιστικών σε ipad
Καλησπέρα,
βρες τον παρακάτω κώδικα CSS:
και αντικατέστησε τον με τον παρακάτω κώδικα:
βρες τον παρακάτω κώδικα 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- Διαχειριστής
-
Ηλικία : 49
Δημοσιεύσεις : 1990
Απ: Διόρθωση εμφάνισης στατιστικών σε ipad
laptop κεντραρίστηκαν τα στατιστικα αλλα μεγαλωσε βασικα μετατοπιστηκε το φορουμ δεξια
ipad ουτε κεντραριστηκαν και παλι μίκρυνε
περιεργο γιατι αυτο γινεται οταν εκανα αυτο
στο 100% δεν ειχε θεμα φτιαχτηκε αμεσως
ipad ουτε κεντραριστηκαν και παλι μίκρυνε
περιεργο γιατι αυτο γινεται οταν εκανα αυτο
στο 100% δεν ειχε θεμα φτιαχτηκε αμεσως
Skouliki- Υπεύθυνος Φόρουμ
-
Δημοσιεύσεις : 1027
Απ: Διόρθωση εμφάνισης στατιστικών σε ipad
Καλησπέρα,
Στο CSS σου βλέπω ότι δεν έχεις προσδιορίσει τη μονάδα μέτρησης στο element margin σε κάποιες τιμές:
ενώ θα πρέπει να είναι σε pixels(px)
Αυτό μπορεί να μπερδέψει το CSS και να υπολογίζει αντί για px σε em. Επίσης έχεις διαγράψει την position: relative;
Στο 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- Διαχειριστής
-
Ηλικία : 49
Δημοσιεύσεις : 1990
Απ: Διόρθωση εμφάνισης στατιστικών σε ipad
Καλημερα εφοσον σαν λυση εβαζα τους δικους σου προτεινομενους κωδικους τοτε τα px εμπαιναν σωστα στις δοκιμες
Το relative το εβγαλα γτ οπως ειπαμε πιο πανω χαλαγε την μορφη του φορουμ
Η τελευταια δοκιμη λυσης περιειχε ολα τα ανωτερω
Edit δωσε μου μια μερα να τα δοκιμασω ολα απο την αρχη ολους τους συνδυασμους ξανα να δω μηπως και γινει κατι η μηπως δεν εκανα κατι
edit 2..@Van-Helsing Λοιπον δεν εγινε κατι οποτε εκανα το εξης στοιχισα αριστερα όλο
πρόσθεσα την φραση στατιστικά ..ετσι στο Ipad κεντραριστικε σχεδον και στο laptop οσο πηγε πηγε
επίσης αφαίρεσα απο κατω τα default στατιστικα
δεν εχω καποια καλυτερη λυση ...οτι και να δοκιμασα οταν πηγαινε κεντρο χαλαγε το φορουμ και οταν εφτιαχνε το φορουμ χαλαγε η στοιχιση ...
μια ερωτηση μπορω πριν την φραση στατιστικα να προσθεσω εικόνα ? αν όχι μπορεις να κλεισεις το θεμα ..ειμαι οκ με την ως εχει εμφανιση
Το relative το εβγαλα γτ οπως ειπαμε πιο πανω χαλαγε την μορφη του φορουμ
Η τελευταια δοκιμη λυσης περιειχε ολα τα ανωτερω
Edit δωσε μου μια μερα να τα δοκιμασω ολα απο την αρχη ολους τους συνδυασμους ξανα να δω μηπως και γινει κατι η μηπως δεν εκανα κατι
edit 2..@Van-Helsing Λοιπον δεν εγινε κατι οποτε εκανα το εξης στοιχισα αριστερα όλο
πρόσθεσα την φραση στατιστικά ..ετσι στο Ipad κεντραριστικε σχεδον και στο laptop οσο πηγε πηγε
επίσης αφαίρεσα απο κατω τα default στατιστικα
δεν εχω καποια καλυτερη λυση ...οτι και να δοκιμασα οταν πηγαινε κεντρο χαλαγε το φορουμ και οταν εφτιαχνε το φορουμ χαλαγε η στοιχιση ...
μια ερωτηση μπορω πριν την φραση στατιστικα να προσθεσω εικόνα ? αν όχι μπορεις να κλεισεις το θεμα ..ειμαι οκ με την ως εχει εμφανιση
Skouliki- Υπεύθυνος Φόρουμ
-
Δημοσιεύσεις : 1027
Απ: Διόρθωση εμφάνισης στατιστικών σε ipad
Καλησπέρα @skouliki,
Βρες αυτά στο CSS σου:
Βρες αυτά στο 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- Διαχειριστής
-
Τόπος : Ελλάδα
Δημοσιεύσεις : 2340
Απ: Διόρθωση εμφάνισης στατιστικών σε ipad
καλησπερα αναμεσα σε αυτα τα 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- Υπεύθυνος Φόρουμ
-
Δημοσιεύσεις : 1027
Απ: Διόρθωση εμφάνισης στατιστικών σε ipad
@skouliki μόνο αυτά τα δύο που σου είπα αφαίρεσε και αντικατέστησε τον κώδικα που σου είπα. Τα υπόλοιπα τα αφήνεις. Αφαιρείς μόνο τα δύο που σου είπα.
Luffy- Διαχειριστής
-
Τόπος : Ελλάδα
Δημοσιεύσεις : 2340
Απ: Διόρθωση εμφάνισης στατιστικών σε ipad
με χαρα λεω θέμα λύθηκε και ολοκληρωθηκε
ευχαριστω και τους δυο για τον χρονο σας
ευχαριστω και τους δυο για τον χρονο σας
Skouliki- Υπεύθυνος Φόρουμ
-
Δημοσιεύσεις : 1027
Απ: Διόρθωση εμφάνισης στατιστικών σε ipad
To θέμα λύθηκε, κλειδώθηκε και αρχειοθετήθηκε.
Luffy- Διαχειριστής
-
Τόπος : Ελλάδα
Δημοσιεύσεις : 2340
Παρόμοια θέματα
» Διόρθωση εμφάνισης στατιστικών σε ipad
» Διόρθωση εμφάνισης στο google
» Αλλαγή εμφάνισης των στατιστικών
» Διόρθωση εικόνας NEO
» Διόρθωση στο text του table στην Αρχική
» Διόρθωση εμφάνισης στο google
» Αλλαγή εμφάνισης των στατιστικών
» Διόρθωση εικόνας NEO
» Διόρθωση στο text του table στην Αρχική
Ελληνική Κοινότητα Υποστήριξης ForumGreek :: ΤΟΜΕΑΣ ΥΠΟΣΤΗΡΙΞΗΣ :: Βοήθεια για Σχεδίαση Φόρουμ & Εμφάνιση :: Αρχείο Βοήθειας για Σχεδίαση Φόρουμ & Εμφάνισης
Σελίδα 1 από 1
Δικαιώματα σας στην κατηγορία αυτή
Δεν μπορείτε να απαντήσετε στα Θέματα αυτής της Δ.Συζήτησης
|
|