Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: DIV, Obrazek i odnośnik
Pozycjonowanie i Optymalizacja > Projektowanie stron > HTML i CSS
zielonystefan
Witam,

Mam pytanie odnośnie odnośników do obrazków.

Stosuję taką konstrukcję:

CODE

<a href="...">
<div>
Tutaj tekst
</div>
</a>


By w div'ie umieścic obrazek, muszę zrobic to używając "background: url();", bo gdy umieszczę tam obrazek tagiem "<img>", to IE nie traktuje obrazka jako odnośnika (Chrome i FF tak).

Oczywiście niemogę zrobic czegoś takiego:

CODE

<a href="...">
<div>
<a href="..."><img src="..."></img></a>
Tutaj tekst
</div>
</a>


Bo wszystko się rozjedzie.

Da się w jakiś sposób umieścic obrazek tagiem <img> w div'ie, by cały ten div wraz z zawartością był traktowany jako odnośnik?


holee
Kurs HTML się kłania kolego. Element blokowy w liniowym ?

CYTAT
bo gdy umieszczę tam obrazek tagiem "<img>", to IE nie traktuje obrazka jako odnośnika

Skąd taka wiedza ? Bzdura kompletna.

CYTAT
Oczywiście niemogę zrobic czegoś takiego:

Możesz wszytko, kwestia umiejętności i ignorancji zasad pisania kodu.

KOD
<img src="..."></img>

Ponownie kurs HTML.

Nie komplikuj sobie życia:
KOD
<a href=""><img src="" alt=""></a>

zupełnie wystarczy.

POzdrawiam
zielonystefan
CYTAT(holee @ 28.11.09 - 12:35) *
Kurs HTML się kłania kolego. Element blokowy w liniowym ?


A w przypadku odnośników tak nie można? Nie raz widziałem takie konstrukcje.
Jak mam w takim razie zrobić coś takiego, że masz jeden div będący kontenerem a w nim 5 innych div'ów, które razem stanowią odnośnik do tej samej strony?



CYTAT
Skąd taka wiedza ? Bzdura kompletna.


Spróbuj sprawdzić. IE nie traktuje takich obrazków jako odnośniki.



CYTAT(holee)
Ponownie kurs HTML.


Nie czepiaj się wink.gif


CYTAT(holee)
Nie komplikuj sobie życia:
zupełnie wystarczy.


Ale zależy mi na tym, by DIV będący głównym kontenerem był również objęty odnośnikiem.
Inco
CYTAT(zielonystefan @ 28.11.09 - 14:49) *
CYTAT
Skąd taka wiedza ? Bzdura kompletna.


Spróbuj sprawdzić. IE nie traktuje takich obrazków jako odnośniki.



No ale to jest kompletna bzdura, bo gdyby tak było większość stron pod IE by nie działał, a działa. Rozwiązania są dwa, albo coś nam źle tłumaczysz i nie wiemy o co ci tak naprawdę ci chodzi, albo masz coś nie tak z przeglądarką.
zielonystefan

Faktycznie może coś źle tłumaczę.

Zrobiłem przykład: http://www.wreckandreef.com/test/test.htm

Chodzi mi o pierwszą ramkę. DIV będący centralnym kontenerem jest objęty odnośnikiem a w nim jest kilka innych obiektów, w tym obrazek. Inne DIV'y "dziedziczą" odnośnik, obrazek nie.
Inco
Tak nie może być:

KOD
<a href="http://www.google.pl">
  <div id="test">
    <img src="test.gif"></img>
    <div id="opis">Tu opis obrazka.</div>
  </div>
</a>


Powód już ci podał holee
CYTAT
Kurs HTML się kłania kolego. Element blokowy w liniowym ?


Prawidłowo będzie tylko tak:


KOD
  <div id="test">
    <a href="http://www.google.pl"><img src="test.gif"></a>
    <div id="opis"><a href="http://www.google.pl">Tu opis obrazka.</a></div>
  </div>

zielonystefan

Faktycznie to może być źle. Trochę będę musiał pozmieniać kod, ale cóż... w końcu to moja pierwsza strona i pewnie ostatnia wink.gif
HTML i CSS znam na tyle, ile wyniosłem ze studiów, które skończyłem... 5 lat temu smile.gif
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-2012 Invision Power Services, Inc.