Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

 
Reply to this topicStart new topic
> [HTML][CSS] Div jako odnośnik.
ublizzard
post
Post #1





Grupa: Zarejestrowani
Postów: 40
Pomógł: 1
Dołączył: 17.12.2011
Skąd: Lublin

Ostrzeżenie: (0%)
-----


Mam taki kod html:
  1. <div>
  2. <img src="....." /><br />
  3. <p>........</p>
  4. </div>


Natomiast css wygląda tak:
  1. position: relative;
  2. top: 320px;

Czyli tekst jest przesunięty w dół o 320px.

Chciałbym teraz żeby zarówno obrazek, tekst jak i przestrzeń między nimi była odnośnikiem (czyli w zasadzie cały prostokąt).
Najprościej było by chyba zrobić tak: <a><div>...</div></a>, ale to nic nie daje, a pozatym wydaje mi się, że elementy blokowe nie mogą się znajdować w tych znacznikach.
Jak to wykonać?
Go to the top of the page
+Quote Post
drozdii07
post
Post #2





Grupa: Zarejestrowani
Postów: 254
Pomógł: 39
Dołączył: 6.12.2010
Skąd: localhost

Ostrzeżenie: (0%)
-----


Temat: csshtml Div jako odnosnik a poprawnosc i obsluga przez przegladarki
Go to the top of the page
+Quote Post
ublizzard
post
Post #3





Grupa: Zarejestrowani
Postów: 40
Pomógł: 1
Dołączył: 17.12.2011
Skąd: Lublin

Ostrzeżenie: (0%)
-----


drozdii07 po pewnych przeróbkach udało się to rozwiązać.
W tym wątku co podałeś ktoś podał takie rozwiązanie:
Cytat
Kod
div{
  width: 400px;
  height: 100px;
}

a{
  display: block;
  width: 100%;
  height: 100%;
}


To rozwiązanie ma ten minus, że trzeba określić rozmiary diva inaczej nie działa, ale u mnie podziałało na szczęście.

Ten post edytował ublizzard 11.02.2012, 13:13:05
Go to the top of the page
+Quote Post

Reply to this topicStart new topic
2 Użytkowników czyta ten temat (2 Gości i 0 Anonimowych użytkowników)
0 Zarejestrowanych:

 



RSS Aktualny czas: 25.08.2025 - 19:44