Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: [CSS][HTML] Div jako link (moje wątpliwości)
Forum PHP.pl > Forum > Przedszkole
matwiej
Jakiś czas temu zakładałem temat dotyczący tego zagadnienia ale poradziłem się z tym problemem.
Jednak mam pewne wątpliwości.
Mianowicie. Chciałbym alby sam div z tłem bez żadnego tekstu był moim linkiem a po najechaniu zmieniał tło.
Napotkałem 2 rozwiązania.

1.
  1. display: block;
  2. text-indent: -999px;


Wstawiam tekst do diva i przesuwam go tak by nie był widoczny.
Jednak moim zdaniem jest to trchę złe rozwiązanie ponieważ po zmneijszeniu strony tekst widoczny jest po lewej stronie.

2.
  1. <a title="blog" href="link">
  2. <div id="blog"></div>
  3. </a>


Na ten 2 sposób wpadłęm sam. Działa tak jak chcę, jednak usłyszałem że jest to bardzo zły sposób i nie powinno tak się robić. I tutaj moje pytanie. Czy ten mój 2 sposób jest naprawdę niepoprawny ? Jeżeli tak to w jaki inny spób mogę uzyskać taki efekt ?
by_ikar
Robiąc z elementu liniowego (a) element blokowy (display: block) i podając mu tło (backgroud: url(../path/to/image.jpg) )
-gość-
Div nie może być linkiem, możesz mu nadać atrybut :hover dzięki czemu będzie zmieniał tło, wygląd, jak libk, ale nie może być linkiem.
Musisz zrobić z a element blokowy i nadać mu wymiar, tło.

Zgodnie ze specyfikacją elementy liniowe nie mogą zawierać elementów blokowych. A jest elementem liniowym, możesz zmienić jego sposób wyświetlania na blokowy. ale to nie zmienia faktu, że w gruncie rzeczy jest elementem liniowym.
To jest wersja lo-fi głównej zawartości. Aby zobaczyć pełną wersję z większą zawartością, obrazkami i formatowaniem proszę kliknij tutaj.
Invision Power Board © 2001-2025 Invision Power Services, Inc.