Ul id, li class style

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

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

Απάντηση
ypol2001
Δημοσιεύσεις: 12
Εγγραφή: 07 Ιούλ 2005 07:24
Τοποθεσία: Αθήνα, Μυτιλήνη, Χίος

Ul id, li class style

Δημοσίευση από ypol2001 » 25 Αύγ 2010 01:37

Καλησπέρα παιδιά,

προσπαθώ να δώσω ένα active link style στο παρακάτω μενού, δηλαδή όταν επιλέγεις μια σελίδα να αλλάζει το χρώμα του link και να παραμένει έτσι ώστε να σου δείχνει σε ποια σελίδα πλοηγείσαι.

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

<div id="links">
	 <ul id="main_nav">
                <li class="active"><a href="one.php">one</a></li>
                <li><a href="two.php">two</a></li>
                <li><a href="three.php">three</a></li>
                <li><a href="four.php">four</a></li>
                <li><a href="five.php">five</a></li>
                <li><a href="six.php">six</a></li>

            </ul>
</div>
Δυστυχώς δεν βγαίνει! Το λάθος είναι σίγουρα δικό μου, μάλλον έχω πήξει από τις ώρες που προσπαθώ και δεν σκέφτομαι καθαρά πλέον.

Προσπαθώ να δώσω στο stylesheet του αυτό. Έχω δώσει li class σε κάθε σελίδα, ώστε όταν μεταβαίνει ο χρήστης στην αντίστοιχη σελίδα να βλέπει την class και αντίστοιχα να παίρνει μόνιμο χρώμα η εκάστοτε σελίδα στο μενού.

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

#main_nav li.active &#123;text-decoration&#58;none; color&#58;#8cb92c &#125;
Η βοήθεια σας πολύτιμη όπως πάντα.

Ευχαριστώ.

Υ.Γ. Δοκίμασα και αυτό αλλά πάλι δεν δουλεύει

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

ul#main_nav li a.active &#123;text-decoration&#58;none; color&#58;#8cb92c &#125;
Τελευταία επεξεργασία από το μέλος ypol2001 την 25 Αύγ 2010 01:46, έχει επεξεργασθεί 1 φορά συνολικά.
Web Design | SEO
http://www.resource.gr

Άβαταρ μέλους
burnmind
Script Master
Δημοσιεύσεις: 954
Εγγραφή: 26 Σεπ 2009 02:14
Τοποθεσία: UK
Επικοινωνία:

Ul id, li class style

Δημοσίευση από burnmind » 25 Αύγ 2010 01:39

Δοκίμασε έτσι:

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

#main_nav li.active a &#123;text-decoration&#58;none; color&#58;#8cb92c; &#125; 

ypol2001
Δημοσιεύσεις: 12
Εγγραφή: 07 Ιούλ 2005 07:24
Τοποθεσία: Αθήνα, Μυτιλήνη, Χίος

Ul id, li class style

Δημοσίευση από ypol2001 » 25 Αύγ 2010 01:48

Είσαι θεός burNMind !!

Απλά ευχαριστώ πολύ.
Web Design | SEO
http://www.resource.gr

Απάντηση

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

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

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