Fieldset και κεντράρισμα...

Ας μάθουμε πως να κάνουμε τις σελίδες μας με στιλ. Τα Cascading Style Sheets είναι ο τρόπος για να το επιτύχουμε.

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

Απάντηση
gvre
Δημοσιεύσεις: 990
Εγγραφή: 14 Οκτ 2010 11:34
Τοποθεσία: Ηράκλειο Κρήτης
Επικοινωνία:

Fieldset και κεντράρισμα...

Δημοσίευση από gvre » 15 Δεκ 2011 18:28

Δεν το ήξερα αυτό. Επειδή δε μου αρέσει αυτή η λύση θα δω το βράδυ μήπως μπορεί να γίνει χωρίς js :)

Διαφορές των browsers εννοείς στα default styles; Αυτές λύνονται με CSS reset.

gvre
Δημοσιεύσεις: 990
Εγγραφή: 14 Οκτ 2010 11:34
Τοποθεσία: Ηράκλειο Κρήτης
Επικοινωνία:

Fieldset και κεντράρισμα...

Δημοσίευση από gvre » 16 Δεκ 2011 00:40

Δοκίμασε το παρακάτω χωρίς javascript.

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

body { text-align: center; }
fieldset { margin: 0 auto; display: inline; text-align: left; }

rafinos
Δημοσιεύσεις: 301
Εγγραφή: 15 Μάιος 2011 00:20
Επικοινωνία:

Fieldset και κεντράρισμα...

Δημοσίευση από rafinos » 16 Δεκ 2011 22:06

Νομίζω ότι αυτό που έγραψες το πηγαίνει ακριβώς στο κέντρο ενώ η jquery λίγο πιο δίπλα :P
Mάλλον αυτό που αλλάζει τα πράγματα είναι το display: inline; ...
Θέλεις να μου εξηγήσεις τι κάνει;;;;


rafinos
Δημοσιεύσεις: 301
Εγγραφή: 15 Μάιος 2011 00:20
Επικοινωνία:

Fieldset και κεντράρισμα...

Δημοσίευση από rafinos » 16 Δεκ 2011 23:13

ωραία.... και το
display: inline-block;
που βρήκα κάπου αλλού τι ακριβώς κάνει;;;
ότι και το inline απλά προσθέτη μια γραμμή πάνω και μία κάτω;;;


rafinos
Δημοσιεύσεις: 301
Εγγραφή: 15 Μάιος 2011 00:20
Επικοινωνία:

Fieldset και κεντράρισμα...

Δημοσίευση από rafinos » 18 Δεκ 2011 14:13

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

Απάντηση

Επιστροφή στο “CSS - Cascading Style Sheets”

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

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