css multiple list styles

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

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

Απάντηση
glaros
Δημοσιεύσεις: 24
Εγγραφή: 17 Οκτ 2011 13:05

css multiple list styles

Δημοσίευση από glaros » 08 Νοέμ 2012 09:12

καλημερα

ζητω τα φωτα σας διοτι εχω πελαγωσει.
θελω να κανω ενα menu, οποτε και χρησημοποιησα λιστα.

ομως θελω να κανω ενα δευτερο μενου με διαφορετικη εμφανιση, ομως το 2 κληρονομει την εμφανιση του 1.

η ερωτηση μου ειναι:
πως ειναι δυνατον να εχω 2 λιστες με διαφορετικη εμφανιση;

--------------

αυτο ειναι το css που εχω:

/* #Lists
================================================== */
ul, ol {
margin-bottom: 20px;
}
ul {
list-style: none outside;
}
ol {
list-style: decimal;
}
ol, ul.square, ul.circle, ul.disc {
margin-left: 30px;
}
ul.square {
list-style: square outside;
}
ul.circle {
list-style: circle outside;
}
ul.disc {
list-style: disc outside;
}
ul ul, ul ol, ol ol, ol ul {
margin: 4px 0 5px 30px;
font-size: 90%;
}
ul ul li, ul ol li, ol ol li, ol ul li {
margin-bottom: 6px;
}
li {
line-height: 18px;
margin-bottom: 1px;
color: #FFF;
}
ul.large li {
line-height: 21px;
}
li p {
line-height: 21px;
}


ευχαριστω ολους για το χρονο σας

Άβαταρ μέλους
webdevgr
Δημοσιεύσεις: 697
Εγγραφή: 11 Δεκ 2010 17:25
Τοποθεσία: Ηράκλειο
Επικοινωνία:

css multiple list styles

Δημοσίευση από webdevgr » 08 Νοέμ 2012 11:29

Θα δηλώσεις διαφορετικό id ή class για τη κάθε λίστα

ή θα χρησιμοποιήσεις το id ή class του div που περιέχει τη λίστα.

Δηλαδή αν η λίστα είναι μέσα στο div με class menu τότε θα γράψεις

.menu ul {mpla mpla
.menu ul l{ mpla mpla

glaros
Δημοσιεύσεις: 24
Εγγραφή: 17 Οκτ 2011 13:05

css multiple list styles

Δημοσίευση από glaros » 08 Νοέμ 2012 12:05

το εκανα ετσι και επιτελους το καταλαβα. σε ευχαριστω gigenis

Απάντηση

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

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

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