CSS βοήθεια για link

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

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

Απάντηση
Άβαταρ μέλους
EneMe
Super Moderator
Δημοσιεύσεις: 13307
Εγγραφή: 09 Ιούλ 2002 13:29
Τοποθεσία: Στο κέντρο της Ελλάδας!
Επικοινωνία:

CSS βοήθεια για link

Δημοσίευση από EneMe » 15 Οκτ 2007 23:41

Xρησιμοποιώ κάτι τέτοιο:

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

.style1 {
	font-family: Verdana;
	font-size: 12px;
	font-weight: bold;
	color: #111111;
}
Θέλω τώρα να προσθέσω σειρές για να γίνεται τα εξής όταν έχω link, όλα μαζί:

1) Nα εμφανίζεται υπογράμμιση αλλά και επιγράμμιση, ταυτόχρονα, αλλά μόνο στο "on mouse over"
2) Να μένει το κείμενο με χρώμα #111111 αλλά οι γραμμές να εμφανίζονται με χρώμα #222222 (όταν έχουμε mouse over)
3) Visited και λοιπά, να είναι σταθερά, να μην ξεχωρίζουν

Υγ: Όπως καταλαβαίνετε, πρόκειται για style ενός text menu... :lol:

Άβαταρ μέλους
dik_
Δημοσιεύσεις: 476
Εγγραφή: 07 Ιουν 2007 11:28

CSS βοήθεια για link

Δημοσίευση από dik_ » 16 Οκτ 2007 00:12

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

.style1 a{
   font-family: Verdana;
   font-size: 12px;
   font-weight: bold;
   color: #111111;
}

.style1 a:hover{
   border-top:1px solid #222222;
   border-bottom:1px solid #222222;
}

Άβαταρ μέλους
EneMe
Super Moderator
Δημοσιεύσεις: 13307
Εγγραφή: 09 Ιούλ 2002 13:29
Τοποθεσία: Στο κέντρο της Ελλάδας!
Επικοινωνία:

CSS βοήθεια για link

Δημοσίευση από EneMe » 16 Οκτ 2007 00:39

Mάλιστααα...

Θα το δοκιμάσω και θα ενημερώσω!

Ευχαριστώ! :D

Άβαταρ μέλους
EneMe
Super Moderator
Δημοσιεύσεις: 13307
Εγγραφή: 09 Ιούλ 2002 13:29
Τοποθεσία: Στο κέντρο της Ελλάδας!
Επικοινωνία:

CSS βοήθεια για link

Δημοσίευση από EneMe » 16 Οκτ 2007 00:46

Πολύ καλό, ευχαριστώ!

Μόνο κάτι ακόμα, που ξέχασα να πω...

Θέλω γενικά να μην έχει υπογράμμιση το link...

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

.style1 a{
   font-family: Verdana;
   font-size: 12px;
   font-weight: bold;
   color: #111111;
   text-decoration: none;
}

.style1 a:hover{
   border-top:1px solid #222222;
   border-bottom:1px solid #222222;
} 
Kαλά το έγραψα;

Άβαταρ μέλους
dik_
Δημοσιεύσεις: 476
Εγγραφή: 07 Ιουν 2007 11:28

CSS βοήθεια για link

Δημοσίευση από dik_ » 16 Οκτ 2007 00:55

Ναι, το text-decoration: none; αυτό κάνει ;)


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

CSS βοήθεια για link

Δημοσίευση από patriot » 16 Οκτ 2007 22:34

Άλλος τρόπος για να μην είναι υπογραμμισμένα by default τα links δεν υπάρχει.
Μπορείς όμως να βγάλεις το border (border:0px;) οριστικά.
1) Για όποιον γράφει με πολυτονικά....
2) Καλά ακόμα να συνηθίσετε την ιδέα ότι δεν γράφουμε ούτε με greeklish ούτε με κεφαλαία;


Απάντηση

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

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

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