advanced code snippet search

We Recommend

CSS: The Definitive Guide CSS: The Definitive Guide
Provides you with a comprehensive guide to CSS implementation, along with a thorough review of all aspects of CSS 2.1. Updated to cover Internet Explorer 7, Microsoft's vastly improved browser, this new edition includes content on positioning, text wrapping (nowrap), lists and generated content, table layout, user interface, paged media, and more.

Posted By

webDesign on 09/07/06


Tagged

image accessibility replacement logotype heading


Versions (?)


Who likes this?

5 people have marked this snippet as a favorite

luman
postNuKe
pedro
tavo
vali29


Sustitución de H1 por logo (con rollover) / H1 logo image replacement (with rollover)

Published in: CSS 

Plain TextExpand 
  1. ***** CSS *****
  2. #logotipo {position:relative; top:0; left:0; width:150px; height:60px; z-index:1; background:url('images/logotipo.png') no-repeat}
  3. #logotipo h1 a {margin:0; padding:0; width:150px; height:60px; display:block; text-decoration:none; background:url('images/logotipo.png') 0 0 no-repeat}
  4. #logotipo h1 a:hover {background-position:0 -60px}
  5. #logotipo h1 a span {position:relative; z-index:-1}
  6.  
  7. ***** HTML *****
  8. <div id="logotipo"><h1><a href="index.htm" accesskey="1" tabindex="1"><span>Nombre de la web</span></a></h1></div>

Report this snippet 

You need to login to post a comment.