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%;
}

Kommentera

E-postadressen publiceras inte. Obligatoriska fält är märkta *