Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: [html+css] obrazek linkiem
Forum PHP.pl > Forum > Przedszkole
nieraczek
Jeśli mam coś takiego: http://img240.imageshack.us/my.php?image=0...07133354fx7.jpg czyli rollover za pomocą CSS - obrazki są więc w CSS to jak zrobić żeby przejście na inną stronę następowało po kliknięciu na obrazek a nie tylko na sam tekst ?

  1. .......................
  2. <style type="text/css">
  3.  
  4. #menu li
  5. {
  6. float: left;
  7. list-style-type: none;
  8. width: 150px;
  9. height: 30px;
  10. background: url("menu1.gif") no-repeat;
  11. margin-left: 3px;
  12.  
  13.  
  14. }
  15.  
  16. #menu li a
  17. {
  18. color: black;
  19. text-decoration: none;
  20.  
  21. }
  22.  
  23.  
  24.  
  25. #menu li:hover
  26. {
  27. background: url("menu2.gif") no-repeat;
  28. }
  29.  
  30.  
  31. .tekst
  32. {
  33. text-align:center;
  34. padding-top:5px;
  35. font-weight: bold;
  36. }
  37. </head>
  38.  
  39.  
  40.  
  41.  
  42. <ul id="menu">
  43. <li class="tekst"><a href="http://www.onet.pl/">Strona główna</a></li>
  44. <li class="tekst"><a href="#">Produkty</a></li>
  45. <li class="tekst"><a href="#">Pomoc</a></li>
  46. <li class="tekst"><a href="#">Praca</a></li>
  47. <li class="tekst"><a href="#">Kontakt</a></li>
  48. </ul>
  49.  
  50. <p>&nbsp;</p>
  51. Premier poinformował mnie, że wymawia umowę koalicyjną. Państwo zostało opanowane przez ludzi z dawnego PC - powiedział wicepremier Roman Giertych po spotkaniu z premierem Jarosławem Kaczyńskim. Podkreślił, że to PiS odpowiada za zerwanie koalicji i zapowiedział dymisję ministrów z LPR.
  52. </body>
  53. </html>
tyranka
<li class="tekst"><a href="http://www.onet.pl/"><img src=nazwa-html size=l nolink=1></a></li>

Tak nie wystarczy zrobic?
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-2025 Invision Power Services, Inc.