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