Polskie Forum Użytkowników GIMP-a

Siema, chce aby div (button) był odnośnikiem do jakiejś strony, w kodzie wpisałem coś takiego :  

HTML:
    <a href="link.html">
      <div id="link"> </div>
    </a>

CSS:
div#link{background: url(images/sg.png);
  width: 39px; height: 170px;}
div#link:hover{background: url(images/sg2.png);}

walidator pokazuje na tym błędy, może mi ktoś pomóc jak mam to zastąpić lub przerobić ?

Nie lepiej tak:

<a class="link" href="#">Button</a>

i CSS:

a.link {
background: url(images/sg.png);
width: 39px;
height: 170px;
text-indient: -6666em;
}

?

no tak to zadziała ale chciałem aby odnośnikiem była jakaś grafika "39px 170px"
po najechaniu na nią myszką zmieniła sie a po kliknięciu przeniosła mnie na inna strone

tak jak napisałeś jest dobże tylko odnośnikiem jest napis "button" a nie grafika,
ja w kodzie html niemam napisu button

Zamiast background w CSSie miało być bacground-image i wtedy powinno działać.

Walidator wywala błąd ponieważ w element liniowy wstawiłeś element blokowy. Anchor jest elementem liniowym, więc nie możesz w nim dać divu który jest elementem blokowym. Można oczywiście dodać display:block do formatowania tagu a, ale takie rozwiązanie jakie chcesz tu zastosować, to znaczy div wewnątrz anchora, jest chyba najgorszym z możliwych.

To żaden problem żeby grafika była odnośnikiem a nie napis, nawet jeśli ma być ona umieszczana w CSS:

<a href="link"></a>

CSS:

a{background: url(images/sg.png);display:block;width:39px;height:170px;}
a:hover{background: url(images/sg2.png);}

Możesz oczywiście nadać klasę lub identyfikator dla anchora.

Background:url(images/sg.png) to wersja skrócona zapisu, więc nie ma problemu z użyciem takiego zapisu zamiast background-images:url(images/sg.png).

Spróbuje, dzięki za info  
----------------------------
działa tak jak powinno :)