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.
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <meta name="description" content="Example 7 - CSS Vertical Popout Menu Tutorial"> <link rel="shortcut icon" href="http://www.tanfa.co.uk/favicon.ico"> <style type="text/css" media="screen"> @import "tanfa.css"; /***** General formatting only ****/ /**************** menu coding *****************/ {literal} body { behavior: url(csshover.htc); font-size: 100%; } #menu { width: 12em; background: #eee; } #menu ul { list-style: none; margin: 0; padding: 0; } #menu a, #menu h2 { font: bold 11px/16px arial, helvetica, sans-serif; display: block; border-width: 1px; border-style: solid; border-color: #ccc #888 #555 #bbb; margin: 0; padding: 2px 3px; } #menu h2 { color: #fff; background: #000; text-transform: uppercase; } #menu a { color: #000; background: #efefef; text-decoration: none; } #menu a:hover { color: #a00; background: #fff; } #menu li { position: relative; } #menu ul ul ul { position: absolute; top: 0; left: 100%; width: 100%; } div#menu ul ul ul, div#menu ul ul li:hover ul ul {display: none;} div#menu ul ul li:hover ul, div#menu ul ul ul li:hover ul {display: block;} {/literal} </style><!--[if IE]> <style type="text/css" media="screen"> #menu ul li {ldelim}float: left; width: 100%;{rdelim} </style> <![endif]--><!--[if lt IE 7]> <style type="text/css" media="screen"> body {ldelim} behavior: url(csshover.htc); font-size: 100%; {rdelim} #menu ul li {ldelim}float: left; width: 100%;{rdelim} #menu ul li a {ldelim}height: 1%;{rdelim} #menu a, #menu h2 {ldelim} font: bold 0.7em/1.4em arial, helvetica, sans-serif; {rdelim} </style> <![endif]--></head> <body id="www-tanfa-co-uk"> <div id="pagetop"> </h3> </div> <!-- start Menu HTML --> <div id="menu"> <ul> <ul> <ul> </ul> </li> </ul> </li> </ul> <ul> <ul> <ul> <ul> </ul> </li> </ul> </li> </ul> </li> </ul> <ul> <ul> <li><a href="http://www.seoconsultants.com/css/menus/horizontal/" title="SEO Consultants Directory Example">SEO Consultants Sample</a></li> <li><a href="http://www.tanfa.co.uk/css/examples/menu/hs7.asp">tanfa Demo example</a><!-- fully working sample --> <ul> <li><a href="http://www.tanfa.co.uk/css/examples/menu/tutorial-h.asp" title="Horizontal Menu Tutorial">tanfa Tutorial</a> <ul> <li><a href="http://www.tanfa.co.uk/css/examples/menu/hs1.asp" title="Horizontal Menu - Page 1">Stage 1</a></li> <li><a href="http://www.tanfa.co.uk/css/examples/menu/hs2.asp" title="Horizontal Menu - Page 2">Stage 2</a></li> <li><a href="http://www.tanfa.co.uk/css/examples/menu/hs3.asp" title="Horizontal Menu - Page 3">Stage 3</a></li> <li><a href="http://www.tanfa.co.uk/css/examples/menu/hs4.asp" title="Horizontal Menu - Page 4">Stage 4</a></li> <li><a href="http://www.tanfa.co.uk/css/examples/menu/hs5.asp" title="Horizontal Menu - Page 5">Stage 5</a></li> <li><a href="http://www.tanfa.co.uk/css/examples/menu/hs6.asp" title="Horizontal Menu - Page 6">Stage 6</a></li> </ul> </li> </ul> </li> </ul> </li> </ul> </div> </body></html>
Plik tanfa.css
/* tanfa logo/link */ #pagetop { position: relative; width: 100%; padding-top: 0.5em; height: 7.5em; color: #000; border-bottom: 1px solid #ddd; } #pagetop h1, #pagetop h2, #pagetop h3 { margin: 0.3em 220px; padding: 0; font-family: georgia, serif; } #pagetop h1 {font-size: 1.3em;} #pagetop h2 {font-size: 1.1em;} #pagetop h3 {font-size: 1em;} #pagetop h3 span {color: #a00;} #pagetop h3 a {color: #00f;} #pagetop h3 a:visited {color: #aaa;} a#toplink { width: 200px; height: 8em; background: #fff url(http://www.tanfa.co.uk/images/lady-rose-bw-red.jpg) no-repeat 0px -326px; position: absolute; top: 0; right: 5px; } a#toplink:hover { background-position: 0 0; } textarea#code { position: absolute; right: 20px; top: 14em; width: 50%; height: 500px; overflow: auto; } ol { margin: 0; padding: 0; padding-left: 110px; } fieldset { width: 60%; margin-left: 110px; } legend { color: #a00; }
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.