NICRUO.COM

Logótipo com CSS com ou sem text-indent

Todos nós que adoramos CSS’s adoramos aqueles truques que fazem o nosso trabalho mais acessível, mais standard, melhor.

Muitos layouts sem tabelas criados hoje em dia, caem num simples erro comum: Quando usam o logótipo em imagem não têm um titulo na página em texto. Para a maioria destes layouts, ter um título “h1″ seria perder o controle do aspecto gráfico do site. E o pior é que ainda usam a tag “img” para colocar o logótipo.

Qual é o problema nisto tudo? Sem css, e sem possibilidade de ver imagens, a página não tem um título (para além da tag “title” que pode ser usada para outras coisas, como por exemplo o título do último artigo, sim. Já vi fazerem isso).

Ora existe uma técnica para resolver este problema: usar um “h1″ com o titulo e uma background-image associada depois é só “esconder o texto”.

(mais…)