Σχετικά με υπερσύνδεσμους.

Ερωτήσεις και απαντήσεις σχετικές με την HTML, XHTML και την κατασκευή σελίδων για το Web.

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

Απάντηση
Άβαταρ μέλους
takis1985
Δημοσιεύσεις: 1206
Εγγραφή: 17 Μάιος 2001 03:00
Τοποθεσία: lesvos
Επικοινωνία:

Σχετικά με υπερσύνδεσμους.

Δημοσίευση από takis1985 » 08 Νοέμ 2008 03:45

Γεια χαρά.
Θα ήθελα να ρωτήσω πώς μπορώ να κάνω τα links(σύνδεσμοι) μιας απλής html σελίδας, μόλις περνάει από πάνω ο κέρσορας να φεύγει η υπογράμμιση και το πώς γίνεται και το αντίστροφο, δηλαδή μόλις περνάει ο κέρσορας να υπογραμμίζονται.
_______________________________________________________

www.plomaricity.gr www.agiosisidoros.com www.plomarion.com

Άβαταρ μέλους
korgr
Honorary Member
Δημοσιεύσεις: 5067
Εγγραφή: 07 Οκτ 2008 18:30
Τοποθεσία: Corinth
Επικοινωνία:

Σχετικά με υπερσύνδεσμους.

Δημοσίευση από korgr » 08 Νοέμ 2008 07:16

Με ένα απλό CSS Rule
Μπορείς να το εφαρμόσεις για όλα τα links της σελίδας ή να δημιουργήσεις μια κλάση και να εντάξεις σ' αυτήν όσα links επιθυμείς να έχουν αυτή την συμπεριφορά. Η δεύτερη λύση είναι προτεινόμενη από μένα:

CSS

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

.mylink {
text-decoration: none;
}
.mylink:hover {
text-decoration: underline;
}
HTML

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

<a href="mypage.html" class="mylink">Αυτό το link υπογραμμίζεται αυτόματα στο mouseover</a>
για το αντίθετο αποτέλεσμα:

CSS

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

.mylink &#123;
text-decoration&#58; underline;
&#125;
.mylink&#58;hover &#123;
text-decoration&#58; none;
&#125;
Φυσικά μπορείς να ορίσεις κι άλλα πράγματα μέσα στην κλάση όπως χρώμα, γραμματοσειρά κλπ

Άβαταρ μέλους
takis1985
Δημοσιεύσεις: 1206
Εγγραφή: 17 Μάιος 2001 03:00
Τοποθεσία: lesvos
Επικοινωνία:

Σχετικά με υπερσύνδεσμους.

Δημοσίευση από takis1985 » 09 Νοέμ 2008 01:55

korgr έγραψε:Με ένα απλό CSS Rule
Μπορείς να το εφαρμόσεις για όλα τα links της σελίδας ή να δημιουργήσεις μια κλάση και να εντάξεις σ' αυτήν όσα links επιθυμείς να έχουν αυτή την συμπεριφορά. Η δεύτερη λύση είναι προτεινόμενη από μένα:

CSS

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

.mylink &#123;
text-decoration&#58; none;
&#125;
.mylink&#58;hover &#123;
text-decoration&#58; underline;
&#125;
HTML

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

<a href="mypage.html" class="mylink">Αυτό το link υπογραμμίζεται αυτόματα στο mouseover</a>
για το αντίθετο αποτέλεσμα:

CSS

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

.mylink &#123;
text-decoration&#58; underline;
&#125;
.mylink&#58;hover &#123;
text-decoration&#58; none;
&#125;
Φυσικά μπορείς να ορίσεις κι άλλα πράγματα μέσα στην κλάση όπως χρώμα, γραμματοσειρά κλπ
Ευχαριστώ για την απάντηση.
Ήθελα να σε ρωτήσω εάν γίνεται να λειτουργίσει ένα από τα δύο παραδείγματα χωρίς να χριαστεί να αλαξω τα links μου προσθαίτοντας τη κλάση, δηλαδί να κάνω το αρχείο .css και απλά να το βάλω στο head της σελίδας.

Άβαταρ μέλους
korgr
Honorary Member
Δημοσιεύσεις: 5067
Εγγραφή: 07 Οκτ 2008 18:30
Τοποθεσία: Corinth
Επικοινωνία:

Σχετικά με υπερσύνδεσμους.

Δημοσίευση από korgr » 09 Νοέμ 2008 07:37

Δοκίμασε να βάλεις στο <head> αυτό το css:

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

a &#123;
text-decoration&#58; underline;
&#125;
a&#58;hover &#123;
text-decoration&#58; none;
&#125; 

Άβαταρ μέλους
takis1985
Δημοσιεύσεις: 1206
Εγγραφή: 17 Μάιος 2001 03:00
Τοποθεσία: lesvos
Επικοινωνία:

Σχετικά με υπερσύνδεσμους.

Δημοσίευση από takis1985 » 29 Νοέμ 2008 21:08

korgr έγραψε:Δοκίμασε να βάλεις στο <head> αυτό το css:

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

a &#123;
text-decoration&#58; underline;
&#125;
a&#58;hover &#123;
text-decoration&#58; none;
&#125; 
Τι αλλάζω για να έχω το αντίστροφο αποτέλεσμα;

mzindilis
Δημοσιεύσεις: 56
Εγγραφή: 23 Νοέμ 2007 20:54
Τοποθεσία: Λεμεσός, Κύπρος
Επικοινωνία:

Σχετικά με υπερσύνδεσμους.

Δημοσίευση από mzindilis » 30 Νοέμ 2008 09:52

Το αντίθετο αποτέλεσμα συνήθως είναι default στους browsers αλλά για να το ορίσεις, στον πιο πάνω css κώδικα αλλάζεις μεταξύ τους το none και το underline. Δηλαδή:

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

a &#123; 
text-decoration&#58; none;
&#125; 
a&#58;hover &#123; 
text-decoration&#58; underline; 
&#125;

Απάντηση

Επιστροφή στο “HTML και XHTML”

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

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