.

Thursday, October 28, 2010

CSS Image Swap

<div class="nav">

<a href="#">

<img src="logo.gif" width="187" height="136" alt="" />

</a>

</div>


And the CSS to go along with it:
div.nav {
height: 187px;
width: 136px;
margin:0;
padding:0;
background-image:url("logo-red.gif");
}

div.nav a, div.nav a:link, div.nav a:visited {
display:block;
}

div.nav img {
width:100%;height:100%;border:0;
}

div.nav a:hover img {
visibility:hidden;
}

No comments:

Post a Comment

Speak your mind

web hosting reviews

Top 3 Web Hosting for Designers

Our reviews of the best web hosting providers for Designers.

Rank Features Features Extra Features Web Hosting Review
1
HostRocket
Many Features

Disk Space: Unlimited
Bandwidth: Unlimited
Email Accounts: Unlimited

MySQL Databases: Unlimited
FTP Accounts: Unlimited
- Streaming audio/video capabilities
- Ready to go scripts:
E-commerce, gallery, forums etc


HostRocket
Review
Email in your review
2
WebHostingPad
Reliable Host

Disk Space: Unlimited
Bandwidth: Unlimited
Email Accounts: Unlimited

MySQL Databases: Unlimited
FTP Accounts: Unlimited
- Ready to go scripts:
E-commerce, gallery, forums etc
- $25 Google Credit - Advertise on google. They give you $25 credit

- $25 Yahoo Credit
WebHostngPad
Review
Email in your review
3
Globat
Reliable Host

Disk Space: Unlimited
Bandwidth: Unlimited
Email Accounts: Unlimited

MySQL Databases: Unlimited
FTP Accounts: Unlimited
- $4.44 One of the cheapest
- You get FREE Domain too
- $30 Google AdWords Marketing Credit
- Ready to go scripts:
E-commerce, gallery, forums etc

Globat
Review
Email in your review