ul και li

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

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

Απάντηση
Άβαταρ μέλους
fAzer
Δημοσιεύσεις: 361
Εγγραφή: 15 Νοέμ 2009 16:29

ul και li

Δημοσίευση από fAzer » 28 Σεπ 2010 03:58

Γειά σας..

Ξεκίνησα να φτιάχνω ένα site (δε λεω μου αρέσει εμένα όπως το φτιάχνω) αλλά μήπως είναι λάθος που χρησιμοποιώ συνέχεια ul και li ?

travel.net.gr

Ευχαριστώ

aris88
Δημοσιεύσεις: 6
Εγγραφή: 22 Φεβ 2009 20:25

ul και li

Δημοσίευση από aris88 » 28 Σεπ 2010 05:00

Και εγώ με τον ίδιο τρόπο δουλεύω, έχω μάθει ότι αυτός είναι ο πιο σωστός και "καθαρός" τρόπος.. ul με css

Άβαταρ μέλους
cherouvim
Script Master
Δημοσιεύσεις: 3137
Εγγραφή: 13 Ιούλ 2005 22:56
Τοποθεσία: Athens, Greece
Επικοινωνία:

ul και li

Δημοσίευση από cherouvim » 28 Σεπ 2010 12:48

Το παρακάτω είναι λάθος:

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

<ul>
<li>πάρος</li>μύκονος<li>σαντορίνη</li>ζάκυνθος<li>κέρκυρα</li>κεφαλονιά<li>σκιάθος</li>ίος<li>κως</li>κρήτη
</ul>
Πρέπει όλα τα παιδιά του <ul> να είναι <li>:

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

<ul>
  <li>πάρος</li>
  <li>μύκονος</li>
  <li>σαντορίνη</li>
  <li>ζάκυνθος</li>
  <li>κέρκυρα</li>
  <li>κεφαλονιά</li>
  <li>σκιάθος</li>
  <li>ίος</li>
  <li>κως</li>
  <li>κρήτη</li>
</ul>
Αν το έκανες για το styling (σαν "ζέμπρα") τότε θέλεις κάτι τέτοιο:

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

<ul>
  <li class="odd">πάρος</li>
  <li>μύκονος</li>
  <li class="odd">σαντορίνη</li>
  <li>ζάκυνθος</li>
  <li class="odd">κέρκυρα</li>
  <li>κεφαλονιά</li>
  <li class="odd">σκιάθος</li>
  <li>ίος</li>
  <li class="odd">κως</li>
  <li>κρήτη</li>
</ul>
και το style στο css.
Τελευταία επεξεργασία από το μέλος cherouvim την 28 Σεπ 2010 14:11, έχει επεξεργασθεί 1 φορά συνολικά.

Άβαταρ μέλους
fAzer
Δημοσιεύσεις: 361
Εγγραφή: 15 Νοέμ 2009 16:29

ul και li

Δημοσίευση από fAzer » 28 Σεπ 2010 14:05

Σωστά, σωστά.. ευχαριστώ :) :)

Άβαταρ μέλους
Sermac
Δημοσιεύσεις: 363
Εγγραφή: 26 Σεπ 2007 21:08

ul και li

Δημοσίευση από Sermac » 09 Νοέμ 2010 11:11

Να τα χρησιμοποείς μόνο όταν φτιάχνεις λίστες, είτε κάθετες, είτε οριζόντιες. Μην χτίζεις φόρμες, πίνακες, παραγράφους κ.λπ. με ul. Κάθε ετικέτα έχει τη σημασία της (βλ. Semantic Web).
Εικόνα

Απάντηση

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

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

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