Logo jako odnośnik do strony głównej

Question

Witam wszyskich i dziękuję za wiedzę, którą p. Mirek przekazuje. Bardzo podoba mi się tematyka, forma prowadzonych kursów, przejrzystość. metodyka. Dotychczas przerobiłem css i html, wykonując wszyskie zadania. Bardzo mnie to zainteresowało i wciągnęło. Niesamowita frajda. Pozdrowienia dla p. Mirka.

Ale do rzeczy. Chciałbym się doradzić, w kwestii jak na wstępie. Mam już zrobioną stronę internetową, którą wykonał mi jakiś czas temu znajomy. Od paru dni próbuję roziązać problem szukając różnych poradników i bezskutecznie. W html zrobiłem takiego diva
 

<div id="logo"><h1><a href="#l" title="..." id="range-logo">...</a></h1>

 

#range-logo {
            background-image:url(ka.png);
            display:block;
            height:201x;
            width:672px;
            overflow:hidden;
            text-indent:100%;
            white-space:nowrap;
        }

Po najechaniu na obrazek jest on nieaktywny. Testowałem w/w rozwiązanie na stronie pustej i wszystko działa. Swoje logo mam na stronie spozycjonowane tak:
 

#logo {
    position: absolute;
    top: -1px;
    left: -1px;
    width: 672px;
    height: 201px;
    background: url(/ka.png);
}

#logo h1 {
    display: none;
}

Dziękuję za pomoc i ewentualne sugestie. Chyba samemu tego nie rozwiążę, bo mam za mało jeszcze wiedzy :)

Answer 1

Musisz zamknąć całego diva lub chociaż <img> w <a></a> żeby było możliwe przekierowanie przez niego. Z tego co widzę masz zamknięty tylko tekst.

Answer 2

Chodzi o to, że h1 ma display: none, stąd z automatu link wewnątrz niego również

Answer 3

Zamknąłem <img> tak

<div id="logo"><h1><a href="#"><img src="ka.png" alt="123" id="range-logo" />abc</a></h1>
  </div> i zmieniłem #logo h1 {     display: inline; }. Nastąpiła zmiana. Logo jest łapane w tylko w górnej części. W znacznej części jest jednak nieaktywne.

Answer 4

Jak ustalam wartość #logo h1 {     display: block; } logo przesuwa się w dół kilka pikseli w dół.