css selectors.. κατι δεν κανω σωστα...

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

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

Απάντηση
innova125
Δημοσιεύσεις: 3
Εγγραφή: 26 Μαρ 2011 23:32

css selectors.. κατι δεν κανω σωστα...

Δημοσίευση από innova125 » 26 Μαρ 2011 23:56

καλησπερα παιδια.. το προβλημα μου ειναι μαλλον απλο αλλα εχουν σπασει τα νευρα μου προσπαθωντας να καταλαβω τι συμβαινει.. σας παραθετω τον κωδικα που ευτυχως δεν ειναι μεγαλος και την απορια μου..

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


<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" 
"http&#58;//www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http&#58;//www.w3.org/1999/xhtml">
<head>

<title>menu</title>
<style type="text/css">

a &#123;		
		text-decoration&#58; none;
		color&#58; black;
								&#125;	

ul &#123;
		list-style-type&#58; none;
		margin&#58; 0;
		padding&#58; 0;
							&#125;
							
li &#123;
		display&#58; inline;
		font-family&#58; Verdana,Helvetica,Arial;
		font-size&#58;1.2em;  
		font-style&#58; italic;
				          &#125;
</style>
</head>

<body>

<ul>
	<li><a href="#">home</a></li>
	<li><a href="#">page1</a></li>
	<li><a href="#">page2</a></li>
	<li><a href="#">page3</a></li>
	<li><a href="#">page4</a></li>
</ul>

</body>
</html>
οταν "τρεξω" αυτον τον κωδικα.. στον internet explorer ολα τα <li></li> φαινονται μαυρα και μη υπογραμισμενα. στον firefox ομως εμφανιζονται μπλε και υπογραμισμενα.. η ερωτηση μου ειναι γιατι συμβαινει αυτο και τι πρεπει να κανω να κανω ετσι ωστε και i.e. kai f.f. να συμπεριφερονται το ιδιο?? δεν ξερω αν εχει σχεση αλλα χρησιμοποιω το notepad++ και φυσικα ολα γινονται τοπικα στον υπολογιστη μου.. ευχαριστω εκ των προτερων!!!
[/code]

Άβαταρ μέλους
dimsis
Reporter
Δημοσιεύσεις: 7994
Εγγραφή: 25 Ιούλ 2001 03:00

css selectors.. κατι δεν κανω σωστα...

Δημοσίευση από dimsis » 27 Μαρ 2011 00:12

Μάλλον θεωρεί visited στον firefox τα links για αυτό σου το κάνει.
Δοκίμασε αυτό:

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

a, a&#58;visited, a&#58;active &#123;  text-decoration&#58; none; color&#58; black; &#125;    

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

innova125
Δημοσιεύσεις: 3
Εγγραφή: 26 Μαρ 2011 23:32

css selectors.. κατι δεν κανω σωστα...

Δημοσίευση από innova125 » 27 Μαρ 2011 00:45

dimsi φίλε μου αρχικά ευχαριστώ για την άμεση απάντηση. κατά δεύτερο λόγο να διορθώσω κάτι που μέσα στην ζαλάδα μου μου διέφυγε .. στον κωδικα που παρέθεσα πριν το αποτέλεσμα ειναι το ίδιο και στον i.e. και στον f.f. To πρόβλημα που ανέφερα πριν δημιουργείται όταν αντι να χρησιμοποιήσω το

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

a&#123;		
		text-decoration&#58; none;
		color&#58; black;
								&#125;	
χρησιμοποιώ το..

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

a&#58;link&#123;		
		text-decoration&#58; none;
		color&#58; black;
								&#125;	
περισσότερο θεωρητικά με ενδιαφέρει γιατί γινεται αυτό παρά να το επιλύσω τεχνικά καθότι ειμαι πολύ νέος σ αυτά τα κόλπα.. ευχαριστώ και πάλι..

Άβαταρ μέλους
dimsis
Reporter
Δημοσιεύσεις: 7994
Εγγραφή: 25 Ιούλ 2001 03:00

css selectors.. κατι δεν κανω σωστα...

Δημοσίευση από dimsis » 27 Μαρ 2011 11:46

Κοίτα, κανονικά η δήλωση για το a πρέπει να γίνετε με τα Pseudo-classes τους, δηλαδή:

a:link {color:#FF0000} /* unvisited link */
a:visited {color:#00FF00} /* visited link */
a:hover {color:#FF00FF} /* mouse over link */
a:active {color:#0000FF} /* selected link */

λογικά θα είχες κάνει κάποια κλικ και σου θεώρησε ως visited όπως σου έγραψα και στο προηγούμενο μήνυμα το # και έτσι δεν ίσχυε το a:link που εφαρμόζει στυλ μόνο στα unvisited.
Για να το επιβεβαιώσεις μπορείς να καθαρίσεις την cache και των δυο browser σου (ή ctrl+f5 όταν ανοίξεις την δοκιμαστική σου σελίδα), και θα δεις ότι θα σου τα βγάλει μαύρα και στους 2 browsers.
Μετά αν αρχίσεις να κλικάρεις στα links θα δείς ότι θα σου δίνει το defaul underline + color χρώμα του κάθε browser σε όσα κλίκαρες.

innova125
Δημοσιεύσεις: 3
Εγγραφή: 26 Μαρ 2011 23:32

css selectors.. κατι δεν κανω σωστα...

Δημοσίευση από innova125 » 27 Μαρ 2011 13:01

dimsi είχες δίκιο. Τελικά δεν ήταν θέμα css αλλά θέμα cashe. Ευχαριστώ και πάλι για τον χρόνο σου..

Απάντηση

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

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

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