Css symbols - Ποια και πόσα είναι...(?)

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

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

Απάντηση
Άβαταρ μέλους
patriot
Honorary Member
Δημοσιεύσεις: 1590
Εγγραφή: 20 Αύγ 2002 19:21
Τοποθεσία: Σπίτι μου!

Css symbols - Ποια και πόσα είναι...(?)

Δημοσίευση από patriot » 23 Σεπ 2005 04:29

Όσο περνάει ο καιρός τόσο πιο πολλά άγνωστα Css symbols βλέπω.
Παράδειγματα: /* » [ ή ] =

... αυτά θυμάμαι μέχρι στιγμής. Ήξερα τα γνωστά αλλά τα υπόλοιπα που βρέθηκαν; Να υποθέσω πως είναι Css3; Αν ναι έχει κανείς καμιά λίστα; Γιατί εγώ ψάχνω και δεν βρίσκω.... Αυτήν την στιγμή με ενδιαφέρει το » γιατί από ότι κατάλαβα σημαίνει "και" ή κάτι σχετικό.

Παράδειγμα:

.wrap1 {
background:url(shadow.gif) right »
bottom no-repeat;
}

σε αυτό το tutorial του alistapart: http://www.alistapart.com/articles/onionskin

Ο λόγος που θέλω να μάθω αυτό το "και" είναι επειδή έχω βάλει στο css του <ul> το εξής:

ul{list-style-type:katakana;}

και ενώ στον mozilla φαίνεται μια χαρά στην opera φαίνονται αριθμοί (1,2,3,4,5 κ.τ.λ) ενώ στον explorer το κλασικό bullet list. Πολύ λογικά σκέφτηκα αν μπορώ να κάνω ότι κάνουμε και με τα font's. Βάζεις ένα τέτοιο π.χ:

body{font-family:verdana,helvetika,sans-serif......}

Ε, γιατί δεν μπορώ να κάνω κάτι αντίστοιχο με το ul;

ul{list-style-type:katakana, upper-roman, square;}

(ή και το ανάποδο αφού το τελευταίο πιάνει ul{list-style-type:square, upper-roman, katakana;}

Μήπως ξέρει κανείς κανένα κολπάκι να βοηθήσει; Το δοκίμασα όπως μπορούσα:

ul{list-style-type:katakana, upper-roman, square;}
ul{list-style-type:katakana » upper-roman » square;}
ul{list-style-type:katakana » upper-roman »square;}

(Και φυσικά είχα πρόβλημα με το τελευταίο εξαιτίας του ; που δυστυχώς πρέπει να μπαίνει σε σπέσιαλ characters αλλά είναι διαχωριστικό στα css και καταντάει μπάχαλο...

Any guru special?

Άβαταρ μέλους
patriot
Honorary Member
Δημοσιεύσεις: 1590
Εγγραφή: 20 Αύγ 2002 19:21
Τοποθεσία: Σπίτι μου!

Css symbols - Ποια και πόσα είναι...(?)

Δημοσίευση από patriot » 23 Σεπ 2005 22:20

Αααχχχχχχχ!!! Το freestuff μεγάλωσε τόσο πολύ ώστε μέχρι να δεις αν μπήκε το ποστ σου έχουν κάνει άλλοι 10 ποστ και το δικό σου έφυγε..... Ααααχχχχ.... Δεν ξέρει κανείς ή απλά δεν το είδε κανείς;

Άβαταρ μέλους
patriot
Honorary Member
Δημοσιεύσεις: 1590
Εγγραφή: 20 Αύγ 2002 19:21
Τοποθεσία: Σπίτι μου!

Css symbols - Ποια και πόσα είναι...(?)

Δημοσίευση από patriot » 24 Σεπ 2005 02:50

Μάλλον το δεύτερο....
1) Για όποιον γράφει με πολυτονικά....
2) Καλά ακόμα να συνηθίσετε την ιδέα ότι δεν γράφουμε ούτε με greeklish ούτε με κεφαλαία;

Άβαταρ μέλους
patriot
Honorary Member
Δημοσιεύσεις: 1590
Εγγραφή: 20 Αύγ 2002 19:21
Τοποθεσία: Σπίτι μου!

Css symbols - Ποια και πόσα είναι...(?)

Δημοσίευση από patriot » 26 Σεπ 2005 08:30

Τελευταία προσπάθεια (που ξέρεις!!!)
1) Για όποιον γράφει με πολυτονικά....
2) Καλά ακόμα να συνηθίσετε την ιδέα ότι δεν γράφουμε ούτε με greeklish ούτε με κεφαλαία;

Άβαταρ μέλους
alkisg
Δημοσιεύσεις: 265
Εγγραφή: 03 Ιουν 2005 11:53
Τοποθεσία: Ιωάννινα
Επικοινωνία:

Css symbols - Ποια και πόσα είναι...(?)

Δημοσίευση από alkisg » 26 Σεπ 2005 10:32

Το » δεν σημαίνει "ΚΑΙ", σημαίνει ότι αυτά που έγραφε ο συγγραφέας δεν χωρούσαν σε μια γραμμή και έβαλε αυτό το σύμβολο για να σου δείξει ότι η γραμμή συνεχίζεται από κάτω.

Για τα υπόλοιπα (αν επιτρέπονται αυτά που ρωτάς για τα bullets), διάβασε το CSS και CSS2 specifications από την W3C.

Άβαταρ μέλους
patriot
Honorary Member
Δημοσιεύσεις: 1590
Εγγραφή: 20 Αύγ 2002 19:21
Τοποθεσία: Σπίτι μου!

Css symbols - Ποια και πόσα είναι...(?)

Δημοσίευση από patriot » 28 Σεπ 2005 13:05

alkisg έγραψε:αυτά που έγραφε ο συγγραφέας δεν χωρούσαν σε μια γραμμή και έβαλε αυτό το σύμβολο για να σου δείξει ότι η γραμμή συνεχίζεται από κάτω.
Δεν νομίζω... Τι ανάλυση οθόνης έχεις; Εγώ το βλέπω μια χαρά να χωράει δίπλα.... Εξάλλου σαν παράδειγμα δεν θα έπρεπε να το βάλει αφού... είναι παράδειγμα... Τι θα γινόταν αν κάποιος έκανε copy/paste και δεν ξέρει από css;
Για τα υπόλοιπα (αν επιτρέπονται αυτά που ρωτάς για τα bullets), διάβασε το CSS και CSS2 specifications από την W3C.
Το w3 είναι ένα χαοτικό site κατά την γνώμη μου και τα διάβασα αλλού, αλλά όταν θέλησα να τα τσεκάρω δεν είδα τίποτα το διαφορετικό ΠΟΤΕ από όσες φορές έχω κοιτάξει, είτε για το συγκεκριμένο είτε όχι. Εν ολίγοις τα έχω διαβάσει και τα ξέρω απέξω και ανακατωτά... Γι' αυτό έλεγα μήπως ξέρει κανείς κανένα κόλπο.... Anyone?

Άβαταρ μέλους
skeftomilos
Script Master
Δημοσιεύσεις: 2888
Εγγραφή: 07 Ιαν 2005 07:22
Τοποθεσία: Αθήνα

Css symbols - Ποια και πόσα είναι...(?)

Δημοσίευση από skeftomilos » 28 Σεπ 2005 15:27

Χλωμά μου φαίνονται και τα δύο. Ειδικά ο χρήση του χαρακτήρα &raquo; για σύνταξη κώδικα οποιασδήποτε γλώσσας, μοιάζει λίγο με σενάριο επιστημονικής φαντασίας. :)
The pure and simple truth is rarely pure and never simple. Ο μη νους δε σκέπτεται μη σκέψεις για το τίποτα.

Άβαταρ μέλους
patriot
Honorary Member
Δημοσιεύσεις: 1590
Εγγραφή: 20 Αύγ 2002 19:21
Τοποθεσία: Σπίτι μου!

Css symbols - Ποια και πόσα είναι...(?)

Δημοσίευση από patriot » 30 Σεπ 2005 13:27

Χλωμά μου φαίνονται και τα δύο. Ειδικά ο χρήση του χαρακτήρα &raquo; για σύνταξη κώδικα οποιασδήποτε γλώσσας, μοιάζει λίγο με σενάριο επιστημονικής φαντασίας.
Μα ακριβώς γι'αυτό και εγώ τα έπαιξα... Δεν ξέρω τι να υποθέσω...
&raquo;
Τι "ρακουο" δηλ; Που το βρήκες αυτό το "ρακουο";;;
Αν κοιτάξεις στα html special chars θα δεις ότι είναι & #187 ; (η μύτη του βέλους προς τα δεξιά) και το αντίθετο είναι το & #171 ;

ΥΓ: Πώς το έκανες να φαίνεται ως text; Εγώ αναγκάστηκα να αφήσω ένα κενό μεταξύ του & και του # (και στο τέλος αντίστοιχα) για να το κάνω να φανεί.... Γι'αυτό και το έβαλα σε κόκκινο χρώμα για να φαίνεται ως ένα...

Άβαταρ μέλους
skeftomilos
Script Master
Δημοσιεύσεις: 2888
Εγγραφή: 07 Ιαν 2005 07:22
Τοποθεσία: Αθήνα

Css symbols - Ποια και πόσα είναι...(?)

Δημοσίευση από skeftomilos » 01 Οκτ 2005 04:16

Το &raquo; (right-pointing double angle quotation mark) ανήκει στα HTML entities, μαζί με το &lt; το &quot; και καμιά χιλιάδα ακόμα! Σύμφωνα με το HTML specification υπάρχουν μόνο για να βοηθάνε τη μνήμη. Είναι ευκολότερο να θυμάται κανείς το &divide; από το &#247; που είναι το μαθηματικό σύμβολο της διαίρεσης (&#247;).

Όσο για την εμφάνιση των entities στις σελίδες του forum, υπάρχουν διάφοροι τρόποι. Ένας είναι να χωριστεί σε δύο τμήματα και το καθένα να μπει σε συνεχόμενα bbcode blocks: &#91;b]&raq&#91;/b]&#91;b]uo;&#91;/b]. Ο τρόπος που προτιμώ είναι να αντικαθιστώ το & με το αντίστοιχο entity: &#38;

Όπως καταλαβαίνεις κοντεύω να γίνω ειδικός στο escaping/encoding! :) Που να δεις τι γίνεται στη JavaScript. Έχω μαζέψει καμιά δεκαριά ρουτίνες που κάνουν διάφορα encodings για διαφορετικές περιπτώσεις.
The pure and simple truth is rarely pure and never simple. Ο μη νους δε σκέπτεται μη σκέψεις για το τίποτα.

Απάντηση

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

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

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