• Najnowsze pytania
  • Bez odpowiedzi
  • Zadaj pytanie
  • Kategorie
  • Tagi
  • Zdobyte punkty
  • Ekipa ninja
  • IRC
  • FAQ
  • Regulamin
  • Książki warte uwagi

Logo jako odnośnik do strony głównej

VPS Starter Arubacloud
+1 głos
1,039 wizyt
pytanie zadane 23 czerwca 2015 w HTML i CSS przez renegat Obywatel (1,020 p.)
edycja 23 czerwca 2015 przez Comandeer

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 :)

4 odpowiedzi

0 głosów
odpowiedź 23 czerwca 2015 przez Manickus Obywatel (1,030 p.)
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.
0 głosów
odpowiedź 23 czerwca 2015 przez Comandeer Guru (599,730 p.)

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

0 głosów
odpowiedź 24 czerwca 2015 przez renegat Obywatel (1,020 p.)
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.
0 głosów
odpowiedź 24 czerwca 2015 przez renegat Obywatel (1,020 p.)
Jak ustalam wartość #logo h1 {     display: block; } logo przesuwa się w dół kilka pikseli w dół.

Podobne pytania

0 głosów
4 odpowiedzi 930 wizyt
pytanie zadane 4 kwietnia 2020 w HTML i CSS przez sopll Nowicjusz (170 p.)
0 głosów
0 odpowiedzi 117 wizyt
+1 głos
2 odpowiedzi 988 wizyt
pytanie zadane 18 maja 2016 w HTML i CSS przez Hubert Murawski Stary wyjadacz (11,990 p.)

92,454 zapytań

141,262 odpowiedzi

319,099 komentarzy

61,854 pasjonatów

Motyw:

Akcja Pajacyk

Pajacyk od wielu lat dożywia dzieci. Pomóż klikając w zielony brzuszek na stronie. Dziękujemy! ♡

Oto polecana książka warta uwagi.
Pełną listę książek znajdziesz tutaj.

Akademia Sekuraka

Akademia Sekuraka 2024 zapewnia dostęp do minimum 15 szkoleń online z bezpieczeństwa IT oraz dostęp także do materiałów z edycji Sekurak Academy z roku 2023!

Przy zakupie możecie skorzystać z kodu: pasja-akademia - użyjcie go w koszyku, a uzyskacie rabat -30% na bilety w wersji "Standard"! Więcej informacji na temat akademii 2024 znajdziecie tutaj. Dziękujemy ekipie Sekuraka za taką fajną zniżkę dla wszystkich Pasjonatów!

Akademia Sekuraka

Niedawno wystartował dodruk tej świetnej, rozchwytywanej książki (około 940 stron). Mamy dla Was kod: pasja (wpiszcie go w koszyku), dzięki któremu otrzymujemy 10% zniżki - dziękujemy zaprzyjaźnionej ekipie Sekuraka za taki bonus dla Pasjonatów! Książka to pierwszy tom z serii o ITsec, który łagodnie wprowadzi w świat bezpieczeństwa IT każdą osobę - warto, polecamy!

...