Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

 
 Reply to this topicStart new topic
> PROBLEM z IE7, Nie wyświelta mi menu w przeglądarce IE7
mkapi
post
Post #1





Grupa: Zarejestrowani
Postów: 14
Pomógł: 0
Dołączył: 9.05.2007

Ostrzeżenie: (10%)
X----

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


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

Skrypt strony do wyswietlenia. 
[HTML] pobierz, plaintext 
  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>
[HTML] pobierz, plaintext


Plik tanfa.css
[HTML] pobierz, plaintext 
  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. }
[HTML] pobierz, plaintext


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.
Go to the top of the page
+Quote Post
« Następny starszy · Systemy szablonów · Następny nowszy »
 

Reply to this topicStart new topic
1 Użytkowników czyta ten temat (1 Gości i 0 Anonimowych użytkowników)
0 Zarejestrowanych:

 

Tryb wyświetlania: Przełącz na: Standardowy · Linearny+ · Przełącz na: Drzewo

Śledź ten temat · Wyślij temat na e-mail · Wydrukuj ten temat · Subskrybuj to forum

RSS Aktualny czas: 19.08.2025 - 15:31
Powered By IP.Board © 2025  IPS, Inc.
All changes by PHP.pl Administrators
Hosting zapewnia NQ.pl hosting, trac, svn