Return to Snippet

Revision: 34672
at October 27, 2010 02:13 by Savio


Updated Code
HTML:

<h1 id="header">
<a href ="#">header-title</a>
</h1>

CSS:

#header a {
background: url("xyz.gif") no-repeat scroll 0 0 transparent;
text-indent: -9999px; /* move link far away so it appears "invisible" to users but still readable to robots */
float: left; /* only if needed */
display: block /* change inline element to block element */
height: 10px; /* apply size to block element */
width: 10px;
}

Revision: 34671
at October 27, 2010 02:12 by Savio


Updated Code
HTML:

<h1 id="header">
<a href ="#">header-title</a>
</h1>

CSS:

#header a {
background: url("xyz.gif") no-repeat scroll 0 0 transparent;
float: left; /* only if needed */
display: block /* change inline element to block element */
height: 10px;
width: 10px;
text-indent: -9999px; /* to hide text */
}

Revision: 34670
at October 27, 2010 02:10 by Savio


Updated Code
HTML:

<h1 id="header">
<a href ="#">header-title</a>
</h1>

CSS:

#header a {
background: url("xyz.gif") no-repeat scroll 0 0 transparent;
float: left;
height: 10px;
width: 10px;
text-indent: -9999px; /* to hide text */
}

Revision: 34669
at October 27, 2010 02:08 by Savio


Initial Code
HTML:

<h1 id="header">
<a href ="#">header-title</a>
</h1>

CSS:

#header a {
background: url("xyz.gif") no-repeat scroll 0 0 transparent;
height: 10px;
width: 10px;
text-indent: -9999px; /* to hide text */
}

Initial URL

                                

Initial Description

                                

Initial Title
Clickable Header.Image instead of H1>a

Initial Tags
css, header, html

Initial Language
CSS