Όταν τοποθετείτε μια εικόνα μέσα στην ετικέτα συνδέσμου (μεταξύ και), το πρόγραμμα περιήγησης του επισκέπτη σχεδιάζει από προεπιλογή ένα μπλε περίγραμμα ενός εικονοστοιχείου γύρω από την εικόνα. Εκτός από το γεγονός ότι η αυθαιρεσία του προγράμματος περιήγησης αυξάνει το μέγεθος αυτού του στοιχείου σχεδίασης της σελίδας σας κατά δύο pixel κάθετα και δύο pixel οριζόντια, το μπλε χρώμα ενδέχεται να μην ταιριάζει με το συνδυασμό χρωμάτων του σχεδιασμού σελίδας.
Οδηγίες
Βήμα 1
Εάν πρέπει να καταργήσετε το περίγραμμα από μία ή περισσότερες εικόνες συνδέσμων, μπορείτε να το κάνετε προσθέτοντας ένα χαρακτηριστικό περιγράμματος με μηδενική τιμή στην ετικέτα καθεμιάς από τις εικόνες που χρειάζεστε. Για παράδειγμα: Το ίδιο εφέ μπορεί να επιτευχθεί χρησιμοποιώντας το χαρακτηριστικό στυλ τοποθετώντας το ίδιο περίγραμμα με μηδενική τιμή σε αυτό: Η μηδενική τιμή (0px) σε αυτήν την παραλλαγή μπορεί να αντικατασταθεί με την τιμή "κανένα" (χωρίς εισαγωγικά).
Βήμα 2
Εάν πρέπει να λύσετε αυτό το πρόβλημα ριζικά, δηλαδή, για όλες τις εικόνες με συνδέσμους σε ολόκληρο το έγγραφο, τότε είναι καλύτερα να το κάνετε διαφορετικά. Δεν χρειάζεται να προσθέσετε το αντίστοιχο χαρακτηριστικό στην ετικέτα κάθε εικόνας ξεχωριστά, είναι ευκολότερο να καταγράψετε τον κανόνα που είναι κοινό σε όλους στην περιγραφή στυλ στην αρχή του εγγράφου. Αυτός ο κανόνας CSS θα έχει την εξής μορφή: ένα img {border: none;} Θα πρέπει να τοποθετηθεί στο μπλοκ περιγραφής στυλ και το ίδιο το μπλοκ πρέπει να τοποθετηθεί πριν από την ετικέτα που κλείνει τον τίτλο της σελίδας:
ένα img {border: none;}
Βήμα 3
Όχι μόνο οι εικόνες, αλλά και οι απλοί σύνδεσμοι κειμένου σε ορισμένους τύπους προγραμμάτων περιήγησης έχουν παρόμοιο πρόβλημα - εάν ένας επισκέπτης κάνει κλικ στον σύνδεσμο, θα παραμείνει γύρω από ένα διάστικτο περίγραμμα. Για να αποθηκεύσετε τη σελίδα σας από αυτό το σφάλμα σχεδίασης, προσθέστε τον ακόλουθο κανόνα συνδέσμου στις περιγραφές στυλ:
ένα img {outline: none;}
