+- Forum Webmastera, HTML, CSS, PHP, MySQL, Hosting, Domeny - Forum dla Webmasterów (https://www.webmastertalk.pl)
+-- Dział: Technologie internetowe - tworzenie stron WWW (https://www.webmastertalk.pl/forum-technologie-internetowe-tworzenie-stron-www)
+--- Dział: xHTML, CSS, JavaScript (https://www.webmastertalk.pl/forum-xhtml-css-javascript)
+--- Wątek: [css] odsyłanie do linku po kliknięciu w element tła (/thread-css-odsylanie-do-linku-po-kliknieciu-w-element-tla)
[css] odsyłanie do linku po kliknięciu w element tła - kaizen - 08-09-2011
Witam,
Mam pytanie.
Stworzyłem sobie listę "marzeń", które chce zrealizować. Lista dostępna jest tutaj: http://tojakaizen.pl/moje-marzenia
Niektóre z napisów są odsyłaczami. Chciałbym zrobić tak, że nie potrzeba klikać dokładnie w napis, aby przenieść się do kolejnej strony. Wystarczyłoby aby kliknąć w tło (w dowolne miejsce na prostokącie). Czy może mi ktoś pomóc jak to zrobić?
kod css strony:
Kod:
/* Dreams ------------------------------*/
.dream {
padding: 4px 5% 4px 5%;
font-family: Georgia, "Times New Roman", Times, serif;
text-align: center;
margin: 0 0 2px 0;
}
.dream.white {
background: #fff;
border-top: 1px solid #e4e4e4;
border-bottom: 1px solid #e4e4e4;
color: #444444;
}
.dream.white:hover{
color:#3B3B3B;
background: #F0F0F0;
}
.dream.white a {
color:#444444;
text-decoration:underline;
}
.dream.green {
background: #D5FFCA;
border-top: 1px solid #cadba7;
border-bottom: 1px solid #cadba7;
color: #5f8b33;
}
.dream.green:hover{
color:#5C8B2E;
background: #C8FEBA;
}
.dream.green a {
color:#5f8b33;
text-decoration:underline;
}RE: [css] odsyłanie do linku po kliknięciu w element tła - R_Rafalsky - 08-09-2011
Div .dream.white ładujesz w znacznik <a href="odnośnik">
Czyli
Kod:
<a href="odnośnik"><div class="dream white">4. Zwiedzić USA</div> </a>RE: [css] odsyłanie do linku po kliknięciu w element tła - Pedro84 - 08-09-2011
@R_Rafalsky: NIE!!! Już sam wiesz dlaczego :]
Stylujesz link: wyświetlanie blokowe (lub liniowo-blokowe), szerokość oraz wysokość na 100% i masz.
RE: [css] odsyłanie do linku po kliknięciu w element tła - R_Rafalsky - 08-09-2011
Racja, przyznaję się do błędu
RE: [css] odsyłanie do linku po kliknięciu w element tła - kaizen - 08-09-2011
Pedro84: Dzięki wielkie, twój post był pomocny, uzyskałem efekt o jaki mi chodziło.
Teraz tylko muszę się zastanowić jak wyróżnić teksty, które mają odnośnik od tych które go nie mają. Żeby użytkownicy wiedzieli, że niektóre punkty z listy prowadzą dalej
RE: [css] odsyłanie do linku po kliknięciu w element tła - Pedro84 - 08-09-2011
Zwyczajnie, za pomocą CSS
Jeśli link będzie miał 100%, to zasłoni tło diva, czyż nie?