Η εμφάνιση λίστας στο wordpress

Jump to Comments

Η εμφάνιση λίστας στο wordpress μπορεί να πάρει τις εξής μορφές :

Λίστα με κύκλους :

• list item A
• list item B

Ο κώδικας για τη λίστα με κύκλους είναι :

<ul style="list-style-type:circle;line-height:12px;margin-top:-10px;">
<li>list item A</li>
<li>list item B</li>
</ul>

Λίστα με τελείες :

• list item A
• list item B

Ο κώδικας για τη λίστα με τελείες είναι :

<ul style="list-style-type:disc;line-height:12px;margin-top:-10px;">
<li>list item A</li>
<li>list item B</li>
</ul>

Λίστα με τετράγωνα :

• list item A
• list item B

Ο κώδικας για τη λίστα με τετράγωνα είναι :

<ul style="list-style-type:square;line-height:12px;margin-top:-10px;">
<li>list item A</li>
<li>list item B</li>
</ul>

Λίστα με πεζή λατινική αρίθμηση :

1. list item A
2. list item B

Ο κώδικας για τη λίστα με πεζή λατινική αρίθμηση είναι :

<ol style="list-style-type:lower-roman;line-height:12px;margin-top:-10px;">
<li>list item A</li>
<li>list item B</li>
</ol>

Λίστα με κεφαλαία λατινική αρίθμηση :

1. list item A
2. list item B

Ο κώδικας για τη λίστα με κεφαλαία λατινική αρίθμηση είναι :

<ol style="list-style-type:upper-roman;line-height:12px;margin-top:-10px;">
<li>list item A</li>
<li>list item B</li>
</ol>

Λίστα με πεζό λατινικό αλφάβητο :

1. list item A
2. list item B

Ο κώδικας για τη λίστα με πεζό λατινικό αλφάβητο είναι :

<ol style="list-style-type:lower-alpha;line-height:12px;margin-top:-10px;">
<li>list item A</li>
<li>list item B</li>
</ol>

Λίστα με κεφαλαίο λατινικό αλφάβητο :

1. list item A
2. list item B

Ο κώδικας για τη λίστα με κεφαλαίο λατινικό αλφάβητο είναι :

<ol style="list-style-type:upper-alpha;line-height:12px;margin-top:-10px;">
<li>list item A</li>
<li>list item B</li>
</ol>

Λίστα με αρίθμηση :

1. list item A
2. list item B

Ο κώδικας για τη λίστα με αρίθμηση είναι :

<ol style="list-style-type:decimal;line-height:12px;margin-top:-10px;">
<li>list item A</li>
<li>list item B</li>
</ol>

Λίστα μέσα σε λίστα :

1. list item A
   1. list item A
   2. list item B
2. list item B

Ο κώδικας για τη λίστα μέσα σε λίστα είναι :

<ol style="list-style-type:decimal;line-height:12px;margin-top:-10px;">
<li>list item A</li>
<ol style="list-style-type:lower-alpha;line-height:12px;margin-top:5px;padding-left:10px;">
<li>list item A</li>
<li>list item B</li>
</ol>
<li>list item B</li>
</ol>

 
Υπάρχει και η λίστα με ελληνικό αλφάβητο, πεζό και κεφαλαίο, αλλά με τα σημερινά (Απρίλιος 2008) δεδομένα, δεν υποστηρίζεται από τον IE 7.0, ενώ ο Firefox 2.0 υποστηρίζει μόνο το πεζό ελληνικό αλφάβητο. Η σύσταση είναι να αποφύγετε τη συγκεκριμένη λίστα προς το παρόν, γιατί η υποστηριξή της είναι επισφαλής.
 

2 Σχόλια

Filed under Web design

Ετικέτες: css, lists, Web design