Klickbar logga med CSS

Här tänkte jag förklara hur man gör hela området för logon/rubriken klickbar. Det går ut på att placera en A-tagg inuti den DIV som innehåller bakgrundsbilden. A-taggen stylas sedan så att den fyller upp hela denna DIV. Vill du ändra storleken på det klickbara området så ändrar du bara på procentsatserna för höjd och bredd. För att ändra positionen kan du lägga till en margin-top och/eller en margin-left med önskat antal pixlar.

HTML
<div class=”title”>
<a href=”index.asp”></a>
</div>

CSS
.title {
width: 800px;
height: 200px;
background: url(rubrikbild.jpg) no-repeat;
}
.title a {
display: block;
height: 100%;
width: 100%;
}

Lämna ett svar

Din e-postadress kommer inte publiceras. Obligatoriska fält är märkta *