Ρύθμιση του ύψους κάθε γραμμής

Μια περιοχή για το WordPress, αυτή την δημοφιλή δωρεάν πλατφόρμα για blogging

Συντονιστές: WebDev Moderators, Super-Moderators, PHP Moderators

Απάντηση
Άβαταρ μέλους
zinobios
Δημοσιεύσεις: 326
Εγγραφή: 15 Αύγ 2005 21:49

Ρύθμιση του ύψους κάθε γραμμής

Δημοσίευση από zinobios » 25 Σεπ 2010 08:46

Οι γραμμές έχουν μεγάλη απόσταση η μία από την άλλη.

Από πού μπορώ να το ρυθμίσω αυτό ;

Θέλω όταν πατάω enter να μην δημιουργείται μεγάλη απόσταση μεταξύ των γραμμών.

Άβαταρ μέλους
dimsis
Reporter
Δημοσιεύσεις: 7994
Εγγραφή: 25 Ιούλ 2001 03:00

Ρύθμιση του ύψους κάθε γραμμής

Δημοσίευση από dimsis » 25 Σεπ 2010 12:15

Ψάξε στο CSS του template τι αποστάσεις (margin, padding) έχει για τις παραγράφους ( p )
π.χ. στο style.css

p {
margin:0.6em 0 1.2em; /* σε αυτά μείωσε τιμές */
padding:0;
}

Άβαταρ μέλους
zinobios
Δημοσιεύσεις: 326
Εγγραφή: 15 Αύγ 2005 21:49

Ρύθμιση του ύψους κάθε γραμμής

Δημοσίευση από zinobios » 25 Σεπ 2010 12:51

Υπάρχουν 3 css : style.css , 2010style.css και editor-style.css αλλά δεν βλέπω την παραμετρο p πουθενά.
Για ρίξτε μια ματιά και εσείς μήπως καταλάβετε τί πρέπει να αλλάξω.
Ευχαριστώ !
Συνημμένα
css.zip
(9.41 KiB) Μεταφορτώθηκε 183 φορές

Άβαταρ μέλους
dimsis
Reporter
Δημοσιεύσεις: 7994
Εγγραφή: 25 Ιούλ 2001 03:00

Ρύθμιση του ύψους κάθε γραμμής

Δημοσίευση από dimsis » 26 Σεπ 2010 13:27

Πιο πολύ θα βοηθήσει αν δώσεις το URL του site που έχει το πρόβλημα και μια συγκεκριμένη παράγραφο ώστε να γίνουν δοκιμές με firebug.

Άβαταρ μέλους
zinobios
Δημοσιεύσεις: 326
Εγγραφή: 15 Αύγ 2005 21:49

Ρύθμιση του ύψους κάθε γραμμής

Δημοσίευση από zinobios » 26 Σεπ 2010 14:47

Το Firebug δείχνει αυτό:

Κώδικας: Επιλογή όλων

#content, #content input, #content textarea {
color:#333333;
font-size:16px;
line-height:18px;
}
και αυτό :

Κώδικας: Επιλογή όλων

#content p, #content ul, #content ol, #content dd, #content pre, #content hr {
margin-bottom:24px;
}
Τί μπορούμε να προσθέσουμε σ'αυτό το κομμάτι για να μικρύνει η απόσταση μεταξύ των γραμμών ;

Άβαταρ μέλους
dimsis
Reporter
Δημοσιεύσεις: 7994
Εγγραφή: 25 Ιούλ 2001 03:00

Ρύθμιση του ύψους κάθε γραμμής

Δημοσίευση από dimsis » 26 Σεπ 2010 15:13

αντί για:

Κώδικας: Επιλογή όλων

#content p, #content ul, #content ol, #content dd, #content pre, #content hr {
margin-bottom:24px;
}
κάντο:

Κώδικας: Επιλογή όλων

#content p { margin-bottom:12px; }
#content ul, #content ol, #content dd, #content pre, #content hr {
margin-bottom:24px;
}
Βγάλε δηλαδή από την μεγάλη γραμμή το #content p και άστο μόνο του σε μια άλλη.
Αν σου φαίνεται πάλι μεγάλο το κενό, μίκρυνε και άλλο το 12

vevhlos
Δημοσιεύσεις: 55
Εγγραφή: 01 Μαρ 2008 15:35

Ρύθμιση του ύψους κάθε γραμμής

Δημοσίευση από vevhlos » 26 Σεπ 2010 15:52

Πρέπει να μειώσεις το

Κώδικας: Επιλογή όλων

line-height:18px;
Edit: Άκυρο. Τώρα είδα αυτό:
Θέλω όταν πατάω enter...

Άβαταρ μέλους
zinobios
Δημοσιεύσεις: 326
Εγγραφή: 15 Αύγ 2005 21:49

Ρύθμιση του ύψους κάθε γραμμής

Δημοσίευση από zinobios » 26 Σεπ 2010 21:04

Το έκανα τελικά :

Κώδικας: Επιλογή όλων

#content p { margin-bottom: 6px; } 
και τώρα το δείχνει κανονικά .

Ευχαριστώ πολύ !

Ένα πρόβλημα που έχω ακόμα τώρα είναι ότι στον editor οι αποστάσεις μεταξύ των γραμμών είναι ακόμα μεγάλες . Υπάρχει τρόπος να το ρυθμίσω αυτό ;
Δοκίμασα με το αρχείο editor-style.css αλλάζοντας τα p , αλλά χωρίς κανένα αποτέλεσμα !

Άβαταρ μέλους
dimsis
Reporter
Δημοσιεύσεις: 7994
Εγγραφή: 25 Ιούλ 2001 03:00

Ρύθμιση του ύψους κάθε γραμμής

Δημοσίευση από dimsis » 27 Σεπ 2010 09:43

Δες με το firebug από πιo css κληρονομεί το p του editor και άλλαξε το. Όσο είσαι μέσα και γράφεις, δεξί κλικ inspect, βρες ένα p που σου έχει φτιάξει στον html κωδικα, κάντο κλικ και έπειτα δες δεξιά CSS αναφορές για p(argraphs)

Άβαταρ μέλους
korgr
Honorary Member
Δημοσιεύσεις: 5067
Εγγραφή: 07 Οκτ 2008 18:30
Τοποθεσία: Corinth
Επικοινωνία:

Ρύθμιση του ύψους κάθε γραμμής

Δημοσίευση από korgr » 27 Σεπ 2010 10:08

Αν κατάλαβα καλά (πρωί είναι ακόμα lol) πατάς enter μέσα στον editor για αλλαγή γρμμής?
Αν ναι, να πατάς Shift + Enter γιατί με σκέτο enter έχεις αλλαγή παραγράφου!

Άβαταρ μέλους
zinobios
Δημοσιεύσεις: 326
Εγγραφή: 15 Αύγ 2005 21:49

Ρύθμιση του ύψους κάθε γραμμής

Δημοσίευση από zinobios » 27 Σεπ 2010 16:01

:oops: :roll: :hammer: :) :D :kaloe:

Σε ευχαριστώ πολύ !!!

Απάντηση

Επιστροφή στο “WordPress γενικά”

Μέλη σε σύνδεση

Μέλη σε αυτήν τη Δ. Συζήτηση: Δεν υπάρχουν εγγεγραμμένα μέλη και 1 επισκέπτης