Outline tag

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

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

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

Outline tag

Δημοσίευση από Sermac » 25 Σεπ 2008 17:40

Εικόνα

Αναφέρομαι σ' αυτή τη διακεκομμένη (dotted) γραμμή που εμφανίζεται όταν κάνουμε κλικ σε ένα λινκ και για να φύγει πρέπει να κλικάρουμε κάπου αλλού. Είναι πολύ ενοχλητική και άσχημη! :-?

Δοκίμασα λοιπόν να την αφαιρέσω με...

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

a { outline:none; }
ομως αυτό έχει ένα μεγάλο μειονέκτημα: δεν είναι πλέον δυνατή η πλοήγηση με το πληκτρολόγιο! :crash:


Μπορείτε να σκεφτείτε κάτι ώστε να εμφανίζεται μόνο με το tab και όχι όταν κάνουμε κλικ; :think:
Εικόνα

Άβαταρ μέλους
fusion
Δημοσιεύσεις: 146
Εγγραφή: 23 Αύγ 2008 21:34
Τοποθεσία: Λάρισα
Επικοινωνία:

Outline tag

Δημοσίευση από fusion » 25 Σεπ 2008 20:12

Το μονο που μπορω να σκεφτω ειναι να βαλεις καποιο hover effect ετσι ωστε να καταλαβαινει και ο χρηστης με το keyboard ποτε γινεται η επιλογη του link.

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

Outline tag

Δημοσίευση από Sermac » 25 Σεπ 2008 21:12

Το hover δουλεύει μόνο με το ποντίκι.
Εικόνα

Άβαταρ μέλους
patriot
Honorary Member
Δημοσιεύσεις: 1590
Εγγραφή: 20 Αύγ 2002 19:21
Τοποθεσία: Σπίτι μου!

Outline tag

Δημοσίευση από patriot » 25 Σεπ 2008 21:23

Υπάρχει τρόπος. Τον λένε focus όπως είχα γράψει και παλιότερα. Θα το έβλεπες αν κοίταζες στα βοηθήματα. Δες λοιπόν το: Χρησιμοποιώντας το "focus" στα Css .
Πάντως με βάση την ερώτηση σου, σκέφτηκα ότι είναι καλή ευκαιρία να γράψω ένα tutorial (βοήθημα) που να έχει σχέση και με το focus και με το outline!
1) Για όποιον γράφει με πολυτονικά....
2) Καλά ακόμα να συνηθίσετε την ιδέα ότι δεν γράφουμε ούτε με greeklish ούτε με κεφαλαία;

Άβαταρ μέλους
fusion
Δημοσιεύσεις: 146
Εγγραφή: 23 Αύγ 2008 21:34
Τοποθεσία: Λάρισα
Επικοινωνία:

Outline tag

Δημοσίευση από fusion » 25 Σεπ 2008 21:53

Sorry και γω :focus εννοουσα.
Απλα βαλε εκει που εχεις το a:hover "κομμα" και το a:focus.
Ομαδοποιησε τα και εισαι ok. :)

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

Outline tag

Δημοσίευση από Sermac » 26 Σεπ 2008 00:34

Thanks! Το ξέχασα το focus...
Εικόνα

Απάντηση

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

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

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