Div jako link

HTML to podstawy w dziedzinie tworzenia stron WWW, Style CSS warto opanować, bowiem za ich pomocą można dostosować odpowiednio wygląd swojej witryny WWW. Zagłębiamy się dalej i udostępniamy w tym forum możliwość zadawania pytań o JavaScript.
ODPOWIEDZ
Papub
Posty: 13
Rejestracja: wt gru 27, 2005 8:10 pm

Div jako link

Post autor: Papub »

<a href="sofy.php?sofa=1">
<div class="meb_all"><div class="meb"><img src="sofy/kostka.jpg" alt="sofa kostka" title="sofa kostka"/></div>
<div class="meb_titlle">Kostka</div></div></a>

jeden div w nim 2 divy. Jeden z obrazkiem drugi z tytułem. Oczywiście walczę z IE6 no ale..
Problem jest taki że do podanej strony poleci tylko wtedy jak nacisnę na tytuł. Zero reakcji na obrazek. Nawet łapka się nie pokaże. Powinno reagować na całego diva meb_all. Co może być przyczyną błędnego działania linku?
I FF wszystko jest ok.
knight-rider
Nowy
Nowy
Posty: 34
Rejestracja: pn lis 16, 2009 9:33 am

Re: Div jako link

Post autor: knight-rider »

zrob tak ze wywalasz tego 1 diva i jego zamkniecie a clase z niego przenosisz do <A> i formatujesz to wlasnie <A>
Papub
Posty: 13
Rejestracja: wt gru 27, 2005 8:10 pm

Re: Div jako link

Post autor: Papub »

nie mogę pozbyć się tego jednego div'a bo on ogranicza te dwa co są w środku.
to wygląda tak jak produkty w sklepie internetowym. Obrazek, tytuł(w jednym divie) i potem obok znów to samo (div i w nim obrazek i tytul) nie mogę pozbyć się tego głównego diva bo się wszystko posypie
kartofelek007
Posty: 19
Rejestracja: pt paź 23, 2009 10:37 am
Kontakt:

Re: Div jako link

Post autor: kartofelek007 »

Zle.
Zrob tego linka jako display:block, a w nim umiesc odpowiednio ostylowane spany. W taki sposob jak ty to robisz jest zle, bo w inlinowym (a) elemencie nie wolno umieszczac blokowych (div)

<a href="sofy.php?sofa=1">
<span>Kostka</span>
</a>

W powyzszym przykladzie style mogly by wygladac tak:

a {display:block; .... background:url(kostka.jpg) 2px 2px no-repeat; padding-left:30px; overflow:hidden; width:....px; height:...px}
a.span {margin:.......}

i tyle
ODPOWIEDZ