DIV, Obrazek i odnośnik

[zielonystefan]

Witam,

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

Stosuję taką konstrukcję:

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

<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 ?

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

Skąd taka wiedza ? Bzdura kompletna.

Oczywiście niemogę zrobic czegoś takiego:

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

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

Ponownie kurs HTML.

Nie komplikuj sobie życia:

<a href=""><img src="" alt=""></a>

zupełnie wystarczy.

POzdrawiam

[zielonystefan]

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?

Skąd taka wiedza ? Bzdura kompletna.

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

Ponownie kurs HTML.

Nie czepiaj się

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]

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: https://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ć:

<a href="https://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

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

Prawidłowo będzie tylko tak:

  <div id="test">
<a href="https://www.google.pl"><img src="test.gif"></a>
<div id="opis"><a href="https://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

HTML i CSS znam na tyle, ile wyniosłem ze studiów, które skończyłem... 5 lat temu