Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: [CSS][HTML] Tablica jako menu
Forum PHP.pl > Forum > Przedszkole
koszar93
Muszę tą tablice przerobić na menu w css/html
chodzi mi dokladnie o to, że deska odpowiada linkowi dodanemu np. Nowości
Zrobiłem takie coś lecz jak sam widzisz krzywo na grande

Zamieszczam kod css i html
  1. #znak {
  2. width: 293px;
  3. height: 69px;
  4. background: url(images/znak/znak-gora.png) no-repeat left top;
  5. }
  6.  
  7. #znak-tlo {
  8. width: 266px;
  9. height: 56px;
  10. margin-left: 7px;
  11. background: url(images/znak/tlo.png) no-repeat left top;
  12. }
  13.  
  14. #znak-tlo .text {
  15. width: 200px;
  16. padding: 10px 0 0px 50px;
  17. overflow: hidden;
  18. font-size: 13px;
  19. }
  20. #nogi {
  21. width: 159px;
  22. height: 53px;
  23. margin-left: 60px;
  24. background: url(images/znak/nogi.png) no-repeat left top;
  25. }
  26.  
  27. <div id="znak"></div>
  28.  
  29. <div id="znak-tlo">
  30. <div class="text">
  31. Wróbelek snitch.gif
  32. </div>
  33. </div>
  34. <div id="znak-tlo">
  35. <div class="text">
  36. Wróbelek snitch.gif
  37. </div>
  38. </div>
  39. <div id="znak-tlo">
  40. <div class="text">
  41. Wróbelek snitch.gif
  42. </div>
  43. </div>
  44. <div id="znak-tlo">
  45. <div class="text">
  46. Wróbelek snitch.gif
  47. </div>
  48. </div>
  49.  
  50.  
  51. <div id="nogi"></div>


Dacie rade pomoc mi?
qrooel
Albo robisz proste słupki, albo robisz obrazkowe menu. ;]
toaspzoo
zrób nad obrazkiem div i w tym divie zrób inne na position: relative i z-index:2;
albo po prostu wytnij z obrazka poszczególne

gimp - >mapowanie obrazu
koszar93
Cytat(qrooel @ 21.11.2011, 16:29:42 ) *
Albo robisz proste słupki, albo robisz obrazkowe menu. ;]


obrazkowe menu - tzn?
qrooel
Tzn. ze w Photoshopie robisz całe menu i nie da się dodać nowego elementu menu z poziomu CMS - ale to raczej jako żart był. ;p
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.