Cross Browser CSS nested menu

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

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

Απάντηση
ALR
Honorary Member
Δημοσιεύσεις: 1712
Εγγραφή: 09 Απρ 2005 17:30

Cross Browser CSS nested menu

Δημοσίευση από ALR » 14 Φεβ 2008 02:40

Καλησπέρα. Χτένισα το Google αλλά δεν βρήκα αυτό που λέω στον τίτλο.
Οι καλύτερες προσπάθειες μου δεν παίζουν στον IE/MAC και στις μικρές εκδόσεις του OPERA.

Θέλω να φτιάξω ένα απλό οριζόντιο CSS menu, με 2 nested submenu.

Τα links:
http://www.seoconsultants.com/css/menus/tutorial/
http://css.maxdesign.com.au/listamatic2 ... ntal04.htm

όλα τα μενού όμως, με ή δίχως φίξ, δεν παίζουν σε ΙΕ/MAC ή σε μικρές εκδόσεις του opera.
Το δεύτερο δε, δεν παίζει ούτε σε ms IE >7.
Οπότε, τι λύση ακολουθώ όταν θέλω ένα απλό nested horizontal menu;

Ευχαριστώ εκ των προταίρων.
Γίνονται πραγματάκια



ALR
Honorary Member
Δημοσιεύσεις: 1712
Εγγραφή: 09 Απρ 2005 17:30

Cross Browser CSS nested menu

Δημοσίευση από ALR » 14 Φεβ 2008 14:28

Ευχαριστώ παιδιά, θα τα τσεκάρω όλα και θα απαντήσω σύντομα!
Γίνονται πραγματάκια

ALR
Honorary Member
Δημοσιεύσεις: 1712
Εγγραφή: 09 Απρ 2005 17:30

Cross Browser CSS nested menu

Δημοσίευση από ALR » 14 Φεβ 2008 16:20

Καλησπέρα και πάλι.

Lunarmedia: Ευχαριστώ για το υπέροχο link.

Δεν με βοήθησε στη περίπτωση που δουλεύω αλλά σίγουρα θα με βοηθήσει στο μέλλον. Τα nested menus του δεν ήταν editable όπως τα υπόλοιπα και ήταν αρκετά πιο πολύπλοκα από ότι ψάχνω, οπότε θα έπρεπε να βγάλω αρκετό πράγμα από τον κώδικα.

Για την περίπτωση, χρησιμοποίησα το menu εδώ:
http://www.htmldog.com/articles/suckerfish/

Cherouvim: 1000 ευχαριστώ.

Αυτόν τον τρόπο θα χρησιμοποιήσω, αλλά δυστυχώς βλέπω ότι χρησιμοποιεί javascript.
Τι γίνεται σε περίπτωση που κάποιος την έχει απενεργοποιημένη;

Κάτι άλλο: Προσπαθώ να αυξήσω την απόσταση μεταξύ των sub li , αλλά δεν τα καταφέρνω γιατί έτσι όπως είναι δομημένο το menu , μόλις αυξήσω το padding ή το margin στα li ul li elements , το υπομενού χάνεται.
Υπάρχει κάποιος τρόπος να μην φαίνονται κολλητά;

Χαιρετισμούς!
Γίνονται πραγματάκια

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

Cross Browser CSS nested menu

Δημοσίευση από cherouvim » 14 Φεβ 2008 17:08

ALR έγραψε:Αυτόν τον τρόπο θα χρησιμοποιήσω, αλλά δυστυχώς βλέπω ότι χρησιμοποιεί javascript.
Τι γίνεται σε περίπτωση που κάποιος την έχει απενεργοποιημένη;
Το js υπάρχει για τον IE6 μόνο.

ALR
Honorary Member
Δημοσιεύσεις: 1712
Εγγραφή: 09 Απρ 2005 17:30

Cross Browser CSS nested menu

Δημοσίευση από ALR » 14 Φεβ 2008 18:25

Cherouvim, μου χαλάει το validation της σελίδας. Μπορώ να το βάλω σε ένα .js αρχείο και να το κάνω link στο html μου;
Γίνονται πραγματάκια

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

Cross Browser CSS nested menu

Δημοσίευση από cherouvim » 14 Φεβ 2008 18:26

ALR έγραψε:Μπορώ να το βάλω σε ένα .js αρχείο και να το κάνω link στο html μου;
Εννοείται.

ALR
Honorary Member
Δημοσιεύσεις: 1712
Εγγραφή: 09 Απρ 2005 17:30

Cross Browser CSS nested menu

Δημοσίευση από ALR » 15 Φεβ 2008 00:17

Ok ευχαριστώ πολύ και πάλι για την βοήθεια!
Γίνονται πραγματάκια

Απάντηση

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

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

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