περίεργη στοίχηση γραμμών στα θέματα

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

Λύθηκε περίεργη στοίχηση γραμμών στα θέματα

Δημοσίευση από Scarlet D. Παρ Οκτ 21, 2016 4:42 pm

Πληροφορίες Προβλήματος

Μορφή Φόρουμ : PunBB
Βαθμός Μέλους : Ιδρυτής
Εμφανίζεται σε : Mozilla Firefox, Google Chrome
Εικόνα Προβλήματος :
Eικόνα Προβλήματος:

Το πρόβλημα αφορά : Όλα τα μέλη
Εμφανίστηκε : οταν αναβάθμισα σε Punbb
Ενεργός σύνδεσμος link του φόρουμ : http://onepiecegr.forum-pro.org/

Περιγραφή Προβλήματος

όπως βλέπετε στην φωτογραφία ο τίτλος αντι να συνεχίζει στην κάτω γραμμή, συγκρούετε με το login mod του forumotion και κόβετε απο αυτό. όταν πρόκειτε για vote και ειναι πολύ μεγάλο το κείμενο, τότε αυτόμάτος γίνεται αυτό που βλέπετε στην εικόνα, πως μπορώ να το αντιμετοπίσω;


Έχει επεξεργασθεί από τον/την Heartsealed στις Δευ Νοε 07, 2016 12:40 am, 1 φορά
Scarlet D.

Scarlet D.
Eνεργό Μέλος

Άντρας
Ηλικία : 27
Τόπος : ? ? ?
Δημοσιεύσεις : 207



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

Λύθηκε Απ: περίεργη στοίχηση γραμμών στα θέματα

Δημοσίευση από Van-Helsing Σαβ Οκτ 22, 2016 12:13 am

Εχεις κάποιο λινκ απο κάποιο poll να το ελέγξω;
Van-Helsing

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

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



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

Λύθηκε Απ: περίεργη στοίχηση γραμμών στα θέματα

Δημοσίευση από Scarlet D. Σαβ Οκτ 22, 2016 12:16 am

ορίστε το τόπικ που σου έβγαλα φωτογραφία

http://www.onepiecegr.com/t1812-topic
Scarlet D.

Scarlet D.
Eνεργό Μέλος

Άντρας
Ηλικία : 27
Τόπος : ? ? ?
Δημοσιεύσεις : 207



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

Λύθηκε Απ: περίεργη στοίχηση γραμμών στα θέματα

Δημοσίευση από Van-Helsing Σαβ Οκτ 22, 2016 12:25 am

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

Κώδικας:
.pun h2, .pun h3, .pun input, .pun select, .pun th {
    font-family: Verdana,Arial,sans-serif;
    font-size: 1em;
    font-style: normal;
    font-variant: normal;
    font-weight: normal;
}

και τον αντικαθιστάς με τον παρακάτω:

Κώδικας:
.pun h2, .pun h3, .pun input, .pun select, .pun th {
    font-family: Verdana,Arial,sans-serif;
    font-size: 1em;
    font-style: normal;
    font-variant: normal;
    font-weight: normal;
    margin-left: -220px;
}

περίεργη στοίχηση γραμμών στα θέματα Ae5254fe4cff42948bfef2903d421070
Van-Helsing

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

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



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

Λύθηκε Απ: περίεργη στοίχηση γραμμών στα θέματα

Δημοσίευση από Scarlet D. Σαβ Οκτ 22, 2016 12:38 am

Περίεργο, δεν έχω πουθενά στην css μου ένα τέτοιο κώδηκα, προσπάθησα να το βάλω απλά στην css και τα γράματα των κατηγοριών έγιναν χάλια. φανταζομαι δεν ηταν αυτή η μέθοδος Razz
Scarlet D.

Scarlet D.
Eνεργό Μέλος

Άντρας
Ηλικία : 27
Τόπος : ? ? ?
Δημοσιεύσεις : 207



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

Λύθηκε Απ: περίεργη στοίχηση γραμμών στα θέματα

Δημοσίευση από Van-Helsing Σαβ Οκτ 22, 2016 12:47 am

Χμμ ναι μπορείς να κανεις ένα τρικ εδώ ώστε να μην σου επηρεάζει όλο το φόρουμ.
1. Αφαιρείς πρώτα τον προηγούμενο κώδικα απο το css
2. Πας στο πρότυπο viewtopic_body στο τέλος και προσθέτεις τον παρακάτω κώδικα

Κώδικας:
<style>
fieldset.frm-set dl dt {
    display: block;
    float: left;
    font-weight: 400;
    text-align: right;
    width: 16em;
}
</style>

αποθηκεύεις και δημοσιεύεις το πρότυπο.
Van-Helsing

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

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



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

Λύθηκε Απ: περίεργη στοίχηση γραμμών στα θέματα

Δημοσίευση από Scarlet D. Σαβ Οκτ 22, 2016 12:50 am

χμμμ το έκανα άλλα δεν έχω καμία διαφορά
Scarlet D.

Scarlet D.
Eνεργό Μέλος

Άντρας
Ηλικία : 27
Τόπος : ? ? ?
Δημοσιεύσεις : 207



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

Λύθηκε Απ: περίεργη στοίχηση γραμμών στα θέματα

Δημοσίευση από Van-Helsing Σαβ Οκτ 22, 2016 1:07 am

Χμμ εκλεισες την ψηφοφορία και τώρα δεν βλεπω τα bullets της.
Van-Helsing

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

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



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

Λύθηκε Απ: περίεργη στοίχηση γραμμών στα θέματα

Δημοσίευση από Scarlet D. Σαβ Οκτ 22, 2016 1:10 am

Van-Helsing έγραψε:Χμμ εκλεισες την ψηφοφορία και τώρα δεν βλεπω τα bullets της.

ωπ σορρη, για λόγους σπαμμαρισμάτος το έκανα, δεν είναι να αφήνεις δοκιμαστικό τόπικ ανοιχτό εκεί Razz

δοκίμασε τώρα
Scarlet D.

Scarlet D.
Eνεργό Μέλος

Άντρας
Ηλικία : 27
Τόπος : ? ? ?
Δημοσιεύσεις : 207



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

Λύθηκε Απ: περίεργη στοίχηση γραμμών στα θέματα

Δημοσίευση από Van-Helsing Σαβ Οκτ 22, 2016 1:20 am

Χααχα πότε προλαβαίνουν να σπαμάρουν;

Κώδικας:

fieldset.frm-set dl dt {
    display: block;
    float: left;
    font-weight: 400;
    text-align: right;
    width: 16em;
    margin-left: 10px;
    font-family: verdana, arial, sans-serif;
}
.pun h2, .pun h3, .pun input, .pun select, .pun th {
    font-family: Verdana,Arial,sans-serif;
    font-size: 1em;
    font-style: normal;
    font-variant: normal;
    font-weight: normal;
    margin-left: -215px;
}

περίεργη στοίχηση γραμμών στα θέματα 5ad410fd31b34b57aa4263ca9665b1b2
Van-Helsing

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

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



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

Λύθηκε Απ: περίεργη στοίχηση γραμμών στα θέματα

Δημοσίευση από Scarlet D. Σαβ Οκτ 22, 2016 1:26 am

δεν εχεις ιδεα τι σπαμμεροκορακια ειναι τα μελη Razz

χμμμ περιεργο, ακόμα τίποτα! Δοκιμάζω σε δυο browsers αυτην την στιγμη και το ίδιο αποτέλεσμα, είσαι σίγουρος πως πρέπει να το βάλω στο viewtopic_body?
Scarlet D.

Scarlet D.
Eνεργό Μέλος

Άντρας
Ηλικία : 27
Τόπος : ? ? ?
Δημοσιεύσεις : 207



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

Λύθηκε Απ: περίεργη στοίχηση γραμμών στα θέματα

Δημοσίευση από Van-Helsing Σαβ Οκτ 22, 2016 1:29 am

Ναι εγώ το βλέπω έτσι:

περίεργη στοίχηση γραμμών στα θέματα A8ea8c5727f94517b41d7d8c6a929261

πρόσθεσε το κάθε element μια position: relative;
Van-Helsing

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

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



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

Λύθηκε Απ: περίεργη στοίχηση γραμμών στα θέματα

Δημοσίευση από Scarlet D. Σαβ Οκτ 22, 2016 1:34 am

και παλι τίποτα... επίσης το scripts φαίνεται να επιδράει αρνητικά στο τοπικ, δηλαδή αν κοιτάξεις, το όνομα των posters υπερκαλύπτεται απο τον τίτλο και το όνομα των μελών στο wanted poster (login widget) βγαίνουν απο την θέση τους
Scarlet D.

Scarlet D.
Eνεργό Μέλος

Άντρας
Ηλικία : 27
Τόπος : ? ? ?
Δημοσιεύσεις : 207



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

Λύθηκε Απ: περίεργη στοίχηση γραμμών στα θέματα

Δημοσίευση από Scarlet D. Κυρ Νοε 06, 2016 6:02 pm

Ακόμα πραγματικά δεν βρήσκω λύση. Θέλω να συγκεντρωθείτε στα votes, έβαλα όρια λέξεων στο τίτλο των topics οπότε απο εκεί δεν έχουμε overflow. Αυτό τώρα που επίγει για εμένα είναι εν πλείστο τα vote bars που για κάποιο λόγο είναι θεόστραβα. εν το μεταξύ τα HTML που έχουν να κάνουν με αυτό δεν τα έχω πειράξει καν

ευχαριστω

edit: ενεργοποιησα την βασικη css και html και επίσης ακόμα απενεργοποιησα και την javascript αλλα τίποτε απο αυτά δεν επιρέασαν το πρόβλημα... δεν μπορώ να καταλάβω...
Scarlet D.

Scarlet D.
Eνεργό Μέλος

Άντρας
Ηλικία : 27
Τόπος : ? ? ?
Δημοσιεύσεις : 207



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

Λύθηκε Απ: περίεργη στοίχηση γραμμών στα θέματα

Δημοσίευση από Luffy Δευ Νοε 07, 2016 12:12 am

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

Έχουμε και λέμε:
Για να σπάσουμε τα γράμματα, στις επιλογές ψηφοφορίας, δηλαδή αυτό:
περίεργη στοίχηση γραμμών στα θέματα Dacbd761850b4b7a8ed838daf38dbef0
Τότε πρέπει να προσθέσεις σε αυτό το element
Κώδικας:
fieldset.frm-set dl dt
τον κώδικα
Κώδικας:
word-break: break-all;

Να πω ότι ο κώδικας
Κώδικας:
word-break
έχει τις επιλογές
Κώδικας:
break-all
που "σπάει" το κάθε γράμμα της λέξης με βάση το δωθέν μήκος που έχουμε, αλλά και
Κώδικας:
break-word
όπου "σπάει" με βάση το δωθέν μήκος τις λέξεις. Δηλαδή λέξη λέξη.

Τώρα αν θέλεις να "σπάσεις" και τον τίτλο του θέματος, μπορείς να χρησιμοποιήσεις αυτόν τον κώδικα:
Κώδικας:
.paged-head h1, .pun-crumbs.noprint.clearfix .crumbs span { word-break:break-all }

Το αποτέλεσμα με όλους τους κώδικες θα είναι:
περίεργη στοίχηση γραμμών στα θέματα 98c968b1c6514fc0ba9633c703a7a4bf
Luffy

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

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



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

Λύθηκε Απ: περίεργη στοίχηση γραμμών στα θέματα

Δημοσίευση από Scarlet D. Δευ Νοε 07, 2016 12:39 am

Επιτέλους! Επιτέλους πέτυχε! Να σε καλά ρε @Luffy και έψαχνα για ώρες να δω τι φταίει! Μεχρι και την HTML ολη ειχα αλλάξει μήπως βγει κάτι αλλα τζίφος! Εχεις την αιώνια ευγνωμοσύνη μου ^^
Scarlet D.

Scarlet D.
Eνεργό Μέλος

Άντρας
Ηλικία : 27
Τόπος : ? ? ?
Δημοσιεύσεις : 207



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

Λύθηκε Απ: περίεργη στοίχηση γραμμών στα θέματα

Δημοσίευση από Luffy Δευ Νοε 07, 2016 12:43 am

Δεν κάνει τίποτα. Χαίρομαι που βοήθησα! Smile

περίεργη στοίχηση γραμμών στα θέματα MHDoUix
Το θέμα λύθηκε κλειδώθηκε και μεταφέρεται στο Αρχείο.

Luffy

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

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



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

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

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

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