Als je websites bouwt, moet je zeker rekening houden met de instellingen voor het weergeven van pagina's in de browsers van bezoekers. Met name afbeeldingen die in linktags zijn geplaatst, worden door browsers standaard omlijnd met een blauwe rand van één punt (pixel) breed. Hiermee moet rekening worden gehouden, zowel bij het instellen van de grootte van pagina-elementen als bij het bepalen van hun kleurontwerp. Er is een alternatieve oplossing voor het probleem - HTML en CSS gebruiken om browsers te dwingen het frame niet weer te geven.
instructies:
Stap 1
Als het voor uw versie van het paginaontwerp voldoende is om de rand van een specifieke afbeelding met een link of slechts een paar te verwijderen, dan is het voldoende om het randkenmerk met een waarde nul toe te voegen aan hun tags. Met deze toevoeging kan de HTML-code van afbeeldingen met links er als volgt uitzien: U kunt ook de stijlattributen gebruiken - deze opties zijn equivalent. Met het style-attribuut en een nulgrenswaarde erin gespecificeerd, zou dezelfde code er als volgt uitzien: Bij gebruik van het style-attribuut kan de nulwaarde (0px) worden vervangen door de tekst "none" (zonder aanhalingstekens).
Stap 2
Als je wilt voorkomen dat er een frame verschijnt voor absoluut alle afbeeldingen met links op de pagina, dan is het gemakkelijker om dit op één plek in de HTML-code te doen. Om dit te doen, moet een beschrijving van paginastijlen met een regel die voor alle koppelingen geldt, in het kopgedeelte van het document worden geplaatst (tussen de en tags). Je kunt deze regel als volgt schrijven: a img {border: none;} Het moet in een tag worden geplaatst die de browser vertelt dat er hier een beschrijving van stijlen in CSS is:
een img {rand: geen;}
Stap 3
Als u JavaScript-scripts op een pagina gebruikt die acties uitvoeren wanneer u op een tekstlink klikt zonder naar een andere pagina te gaan, blijft er na het klikken in sommige browsers en rond de tekstlink een soortgelijk gestippeld kader over. Om deze ongeautoriseerde wijziging aan uw ontwerp te voorkomen, voegt u een geschikte regel voor tekstlinks toe aan het CSS-stijlbeschrijvingsblok:
een {overzicht: geen;}
