Witam. Raz jeszcze bardzo was proszę o POMOC> Mianowicie pobrałem sobie menu ze stronki.
  1. http://www.tanfa.co.uk/css/examples/menu/vs7.asp


I tu mam problem.
Wszystko pieknie działa po FIREFOXEM, OPERA, IE wszystkie wersje oprócz wersji 7.

Skrypt strony do wyswietlenia.
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2. <html xmlns="http://www.w3.org/1999/xhtml"><head>
  3.  
  4.  
  5. <meta http-equiv="content-type" content="application/xhtml+xml; charset=iso-8859-1"><title>Vertical CSS Menu Tutorial ~ Example Page 7</title>
  6.  
  7. <meta name="description" content="Example 7 - CSS Vertical Popout Menu Tutorial">
  8. <link rel="shortcut icon" href="http://www.tanfa.co.uk/favicon.ico">
  9.  
  10. <style type="text/css" media="screen"> @import "tanfa.css"; /***** General formatting only ****/
  11.  
  12. /**************** menu coding *****************/
  13. {literal}
  14. body {
  15. behavior: url(csshover.htc);
  16. font-size: 100%;
  17. }
  18.  
  19.  
  20. #menu {
  21. width: 12em;
  22. background: #eee;
  23. }
  24.  
  25. #menu ul {
  26. list-style: none;
  27. margin: 0;
  28. padding: 0;
  29. }
  30.  
  31. #menu a, #menu h2 {
  32. font: bold 11px/16px arial, helvetica, sans-serif;
  33. display: block;
  34. border-width: 1px;
  35. border-style: solid;
  36. border-color: #ccc #888 #555 #bbb;
  37. margin: 0;
  38. padding: 2px 3px;
  39. }
  40.  
  41. #menu h2 {
  42. color: #fff;
  43. background: #000;
  44. text-transform: uppercase;
  45. }
  46.  
  47. #menu a {
  48. color: #000;
  49. background: #efefef;
  50. text-decoration: none;
  51. }
  52.  
  53. #menu a:hover {
  54. color: #a00;
  55. background: #fff;
  56. }
  57.  
  58. #menu li {
  59. position: relative;
  60. }
  61.  
  62. #menu ul ul ul {
  63. position: absolute;
  64. top: 0;
  65. left: 100%;
  66. width: 100%;
  67. }
  68.  
  69. div#menu ul ul ul,
  70. div#menu ul ul li:hover ul ul
  71. {display: none;}
  72.  
  73. div#menu ul ul li:hover ul,
  74. div#menu ul ul ul li:hover ul
  75. {display: block;}
  76. {/literal}
  77. </style><!--[if IE]>
  78. <style type="text/css" media="screen">
  79. #menu ul li {ldelim}float: left; width: 100%;{rdelim}
  80. </style>
  81. <![endif]--><!--[if lt IE 7]>
  82. <style type="text/css" media="screen">
  83. body {ldelim}
  84. behavior: url(csshover.htc);
  85. font-size: 100%;
  86. {rdelim}
  87. #menu ul li {ldelim}float: left; width: 100%;{rdelim}
  88. #menu ul li a {ldelim}height: 1%;{rdelim}
  89.  
  90. #menu a, #menu h2 {ldelim}
  91. font: bold 0.7em/1.4em arial, helvetica, sans-serif;
  92. {rdelim}
  93.  
  94. </style>
  95. <![endif]--></head>
  96.  
  97. <body id="www-tanfa-co-uk">
  98. <div id="pagetop">
  99. <a href="http://www.tanfa.co.uk/" title="tanfa :: Home Page" id="toplink"></a>
  100. <h1>CSS Pop Out Menu Tutorial Code</h1>
  101. <h2>Stage 7 - Fully Working Example</h2>
  102. <h3>Ť <a href="http://www.tanfa.co.uk/css/examples/menu/tutorial-v.asp#vs7">return to tutorial</a> :: Stages
  103. [<a href="http://www.tanfa.co.uk/css/examples/menu/vs1.asp" title="Vertical Example 1">1</a>]
  104. [<a href="http://www.tanfa.co.uk/css/examples/menu/vs2.asp" title="Vertical Example 2">2</a>]
  105. [<a href="http://www.tanfa.co.uk/css/examples/menu/vs3.asp" title="Vertical Example 3">3</a>]
  106. [<a href="http://www.tanfa.co.uk/css/examples/menu/vs4.asp" title="Vertical Example 4">4</a>]
  107. [<a href="http://www.tanfa.co.uk/css/examples/menu/vs5.asp" title="Vertical Example 5">5</a>]
  108. [<a href="http://www.tanfa.co.uk/css/examples/menu/vs6.asp" title="Vertical Example 6">6</a>]
  109. <span>[7]</span>
  110. </h3>
  111. </div>
  112. <!-- start Menu HTML -->
  113. <div id="menu">
  114. <ul>
  115. <li><h2>CSS Drop Down Menus</h2>
  116. <ul>
  117. <li><a href="http://www.seoconsultants.com/tips/css/#cssmenus" title="SEO Consultants Directory">CSS Hover Navigation</a>
  118. <ul>
  119. <li><a href="http://www.tanfa.co.uk/css/examples/css-dropdown-menus.asp" title="tanfa Introduction">Intro for CSS Enthusiasts</a></li>
  120. <li><a href="http://www.tanfa.co.uk/css/examples/menu/" title="Plain HTML Code">Demonstration HTML</a></li>
  121. <li><a href="http://www.xs4all.nl/%7Epeterned/csshover.html" title="whatever:hover file">csshover.htc file</a></li>
  122. </ul>
  123. </li>
  124. </ul>
  125. </li>
  126. </ul>
  127.  
  128. <ul>
  129. <li><h2>Vertical CSS Pop-Out Menu</h2>
  130. <ul>
  131. <li><a href="http://www.seoconsultants.com/css/menus/vertical/" title="SEO Consultants Vertical Example">SEO Consultants Sample</a></li>
  132. <li><a href="http://www.tanfa.co.uk/css/examples/menu/vs7.asp" title="Complete Example">tanfa Demo example</a>
  133. <ul>
  134. <li><a href="http://www.tanfa.co.uk/css/examples/menu/tutorial-v.asp" title="Vertical Menu Tutorial">tanfa Tutorial</a>
  135. <ul>
  136. <li><a href="http://www.tanfa.co.uk/css/examples/menu/vs1.asp" title="Vertical Menu - Page 1">Stage 1</a></li>
  137. <li><a href="http://www.tanfa.co.uk/css/examples/menu/vs2.asp" title="Vertical Menu - Page 2">Stage 2</a></li>
  138. <li><a href="http://www.tanfa.co.uk/css/examples/menu/vs3.asp" title="Vertical Menu - Page 3">Stage 3</a></li>
  139. <li><a href="http://www.tanfa.co.uk/css/examples/menu/vs4.asp" title="Vertical Menu - Page 4">Stage 4</a></li>
  140. <li><a href="http://www.tanfa.co.uk/css/examples/menu/vs5.asp" title="Vertical Menu - Page 5">Stage 5</a></li>
  141. <li><a href="http://www.tanfa.co.uk/css/examples/menu/vs6.asp" title="Vertical Menu - Page 6">Stage 6</a></li>
  142. </ul>
  143. </li>
  144. </ul>
  145. </li>
  146. </ul>
  147. </li>
  148. </ul>
  149.  
  150. <ul>
  151. <li><h2>Horizontal Drop & Pop Menu</h2>
  152. <ul>
  153. <li><a href="http://www.seoconsultants.com/css/menus/horizontal/" title="SEO Consultants Directory Example">SEO Consultants Sample</a></li>
  154. <li><a href="http://www.tanfa.co.uk/css/examples/menu/hs7.asp">tanfa Demo example</a><!-- fully working sample -->
  155. <ul>
  156. <li><a href="http://www.tanfa.co.uk/css/examples/menu/tutorial-h.asp" title="Horizontal Menu Tutorial">tanfa Tutorial</a>
  157. <ul>
  158. <li><a href="http://www.tanfa.co.uk/css/examples/menu/hs1.asp" title="Horizontal Menu - Page 1">Stage 1</a></li>
  159. <li><a href="http://www.tanfa.co.uk/css/examples/menu/hs2.asp" title="Horizontal Menu - Page 2">Stage 2</a></li>
  160. <li><a href="http://www.tanfa.co.uk/css/examples/menu/hs3.asp" title="Horizontal Menu - Page 3">Stage 3</a></li>
  161. <li><a href="http://www.tanfa.co.uk/css/examples/menu/hs4.asp" title="Horizontal Menu - Page 4">Stage 4</a></li>
  162. <li><a href="http://www.tanfa.co.uk/css/examples/menu/hs5.asp" title="Horizontal Menu - Page 5">Stage 5</a></li>
  163. <li><a href="http://www.tanfa.co.uk/css/examples/menu/hs6.asp" title="Horizontal Menu - Page 6">Stage 6</a></li>
  164. </ul>
  165. </li>
  166. </ul>
  167. </li>
  168. </ul>
  169. </li>
  170. </ul>
  171. </div>
  172. </body></html>


Plik tanfa.css
  1. /* tanfa logo/link */
  2. #pagetop {
  3. position: relative;
  4. width: 100%;
  5. padding-top: 0.5em;
  6. height: 7.5em;
  7. color: #000;
  8. border-bottom: 1px solid #ddd;
  9. }
  10.  
  11. #pagetop h1, #pagetop h2, #pagetop h3 {
  12. margin: 0.3em 220px;
  13. padding: 0;
  14. font-family: georgia, serif;
  15. }
  16.  
  17. #pagetop h1 {font-size: 1.3em;}
  18. #pagetop h2 {font-size: 1.1em;}
  19. #pagetop h3 {font-size: 1em;}
  20. #pagetop h3 span {color: #a00;}
  21. #pagetop h3 a {color: #00f;}
  22. #pagetop h3 a:visited {color: #aaa;}
  23.  
  24. a#toplink {
  25. width: 200px;
  26. height: 8em;
  27. background: #fff url(http://www.tanfa.co.uk/images/lady-rose-bw-red.jpg) no-repeat 0px -326px;
  28. position: absolute;
  29. top: 0;
  30. right: 5px;
  31. }
  32.  
  33. a#toplink:hover {
  34. background-position: 0 0;
  35. }
  36.  
  37. textarea#code {
  38. position: absolute;
  39. right: 20px;
  40. top: 14em;
  41. width: 50%;
  42. height: 500px;
  43. overflow: auto;
  44. }
  45.  
  46. ol {
  47. margin: 0;
  48. padding: 0;
  49. padding-left: 110px;
  50. }
  51.  
  52. fieldset {
  53. width: 60%;
  54. margin-left: 110px;
  55. }
  56.  
  57. legend {
  58. color: #a00;
  59. }


I jeśli plik jest uruchamiany w systemie smarty to nie dziala menu. NIc sie nie rozwija. w IE7. W firefoxie jest wszystko OK>
A jesli uruchmie ten plik w takiej postaci w IE7 to dziala http://mkapi/www/smartydirs/templates/test.tpl - to dziala .


Wydaje mi sie na jakis glupi blad.
Lecz nie wiem jaki.


PROSZĘ o .....


jeśli chodzi o sciezke pliku tanfa.css - to jest w katalogu www tam gdzie znajduje sie plik index.php (W sumie to kombinowalem wszedzie go umiescic. )

kombinacje {literal } oraz {ldelim}{rdelim} tez kombinowalem.