13 Jun, 2009

Tekst verbergen, mogelijkheid #1

Categoriën: crossbrowser |Images |tekst |Typography |valid |W3C |Xhtml Strict

Tekst verbergen met CSS, het kan. Het doel van tekst te verbergen kan uiteenlopen, van een tekst te vervangen door een afbeelding omdat het juiste lettertype niet op elke computer voorkomt bijvoorbeeld.
Of tekst verbergen omdat een CMS systeem de tekst weergeeft en het niet aanwezig moet zijn omwille van het design. Reden genoeg.

Text indent

HTML

<h1>Ik word verborgen</h1>

CSS

h1 {
text-indent:-9999px; /*Verberg tekst, aanwezig voor SEO*/
margin:0 auto;
width:403px;
height: 82px;
background:transparent url("images/logo.gif") no-repeat 0 0;
}

Gerelateerde Snippets

1 Reactie op "Tekst verbergen, mogelijkheid #1"

Reen

June 30th, 2009 at 16:56

1

overflow: hidden;

Theoretisch gezien zou je tekst nog op het scherm kunnen verschijnen bij hoge resoluties. Daarnaast heb ik er ervaring mee dat de “focus” van het element problemen geeft in sommige situaties als je bovenstaande code niet toevoegt.

Reactie formulier


Demo: Tekst verbergen, mogelijkheid #1:

Advertenties

Volgende nieuwe Snippet:

  • Momenteel niks gepland.