Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

> [php] Menu poziome w CSS przezroczystość, jak wyłączyć przezroczystość!!!
neslo
post
Post #1





Grupa: Zarejestrowani
Postów: 17
Pomógł: 0
Dołączył: 1.06.2007

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


Problem jest na stronie
http://skierniewice.eu/_olo/index.php

menu w Css jest przezroczyste i niestety przez to jest słaba nawigacja. Po rozwinięciu chciałbym zeby było nad wszystkim a nie pod warstwą w ramce środkowej. Czy ktoś spotkał się z czymś takim podaje moje css

  1. body {
  2. background: #EEE; color: #000;
  3. behavior: url(csshover.htc);} /* WinIE behavior call */
  4.  
  5. h1 {
  6. color: #AAA; border-bottom: 1px solid;
  7. margin-bottom: 0;}
  8.  
  9. #main {
  10. color: #CCC;
  11. margin-left: 10em;
  12. padding: 1px 0 1px 5%;
  13. border-left: 1px solid;}
  14.  
  15. div#nav {
  16. float: left;
  17. width: 10em;
  18. background: #FF9900;}/* kolor po najechaniu narazie nie pokazuje*/
  19.  
  20. div#nav ul {
  21. margin: 0;
  22. padding: 0;
  23. width: 158px;
  24. font-size: 16px;
  25. background: #9999FF; /*Tu jest kolor tla*/
  26. background-image: url('../gfx/tlomenupionowe_rogi.gif');
  27. border: 0px solid;
  28. }
  29.  
  30.  
  31. div#nav li {
  32. position: relative; list-style: none; margin: 0;
  33. white-space: nowrap;
  34. border-bottom: 2px solid #CCC;} /*tu kolor lini poziomych*/
  35.  
  36. div#nav li:hover {
  37. background: #FF9900;} /*KOLOR BEZ ROZWINIECIA*/
  38.  
  39. div#nav li.submenu {
  40. background: url(submenu.gif) 99% 50% no-repeat;}
  41.  
  42. div#nav li.submenu:hover {
  43. background-color: #336600;} /*KOLOR -> DALEJ*/
  44.  
  45. div#nav li a {
  46. display: block;
  47. padding: 0.5em 0.5em 0.5em;/*odstep GORA, dól , ..*/
  48. text-decoration: none; width: 6.5em;}
  49.  
  50. div#nav>ul a {
  51. width: auto;}
  52.  
  53. div#nav ul ul {
  54. position: absolute; top: 0; left: 157px;
  55. display: none;}
  56.  
  57. div#nav ul.level1 li.submenu:hover ul.level2 {
  58. display:block;
  59. font-size: 11px;
  60. width: 185px;
  61. background-color: #336600; }
  62.  
  63. div#nav ul.level1 li.submenu:hover ul.level1_2 { /*Menu samorzad poziom2*/
  64. display:block;
  65. font-size: 11px;
  66. width: 175px;
  67. background-color: #336600; }
  68.  
  69. div#nav ul.level1_2 li.submenu:hover ul.level1_3 { /*Menu samorzad poziom3*/
  70. display:block;
  71. position: absolute; top: 0; left: 175px;
  72. font-size: 11px;
  73. width: 170px;
  74. background-image: url('../gfx/tlomenupionowe_rogi.gif'); }
  75.  
  76. div#nav ul.level1_3 li.submenu:hover ul.level1_4 { /*Menu samorzad poziom3*/
  77. display:block;
  78. position: absolute; top: 0; left: 171px;
  79. font-size: 11px;
  80. width: 160px;
  81. background-image: url('../gfx/tlomenupionowe_rogi.gif'); }
  82.  
  83.  
  84.  
  85. div#nav ul.level2 li.submenu:hover ul.level3 {
  86. position: absolute; top: 0; left: 185px;
  87. font-size: 11px;
  88. width: 185px;
  89. display:block;}
  90.  
  91. div#nav ul.level3 li.submenu:hover ul.level4 {
  92. font-size: 11px;
  93. width: 185px;
  94.  
  95. display:block;}


---
Proszę następnym razem używać BB Code,
a także dodawać tag do tematu ( Przedszkole ).
/ Poprawiłem
---
~strife
Go to the top of the page
+Quote Post

Posty w temacie


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.12.2025 - 03:00