[Html,CSS] Link Opcje

[krzychu0808]

Witam....
mam pytanie bo chce zrobić link do kawałka tła:
tło np:
Html:

[HTML] pobierz, plaintext 
<div class="tlo"></div>
[HTML] pobierz, plaintext 

[HTML] pobierz, plaintext 
.tlo {
    float:left;
    position: absolute;
    left:10px;
    height: 800px;
    width      : 1100px;
    background: url('images/tlo.jpg');
    z-index: 1;
}
[HTML] pobierz, plaintext 

i chcę aby do kawałka("test") tego był link zrobiłem coś takiego:

Html:

[HTML] pobierz, plaintext 
<div class="tlo"></div>
<a href="index.html"><div class="test"></div></a>
[HTML] pobierz, plaintext 

CSS:

[HTML] pobierz, plaintext 
.tlo {
    float:left;
    position: absolute;
    left:10px;
    height: 800px;
    width      : 1100px;
    background: url('images/tlo.jpg');
    z-index: 1;
}
 
.test {
    float:left;
    position: absolute;
    top:0px;
    left:0px;
    height: 200px;
    width: 200px;
    z-index: 3;
    text-decoration:none;
}
[HTML] pobierz, plaintext 

Ale po najechaniu na ten kawałek nie swieci się rączka że jest link ale jak klikne w to miejsce to mi link działa..

Chodzi mi o to żeby po najechaniu było wiadomo że tam jest link...

[sniezny_wilk]

Nie bardzo wiem o co Tobie chodzi, ale czy nie możesz zwyczajnie dać cursor: hand; ? Aby do diva była używana "rączka" ?

[Kostek.88]

[HTML] pobierz, plaintext 
<div class="test" onclick="location.href='jakis_link.html'">Jakiś link</div>
[HTML] pobierz, plaintext 

Dodaj też w stylach

Kod

   .test {cursor: hand; cursor: pointer}

Ten drugi parametr działa w przeglądarkach opartych na silniku Gecko, natomiast pierwszy w IE

Ten post edytował Kaloryfer 10.03.2008, 13:39:52