Autor | Zpráva | ||
---|---|---|---|
dr.mutant Profil * |
#1 · Zasláno: 10. 3. 2008, 20:52:37
Lidičky, prosím o pomoc.. hover menu absolutně pozicované se v MSIE nezobrazí korektně - po najetí na prostřední link 'DESIGNÉŘI' se 3 paralelní sloupce podmenu rozbalí zdrcnuté do sebe. Nefunguje předpis viz předposlední odstavec v css souboru. FF, Opera a Safari(Mac) bez problému.
??? www.studio-lr.com/00menu.html www.studio-lr.com/styles/_screen.css www.studio-lr.com/styles/menu.js |
||
dr.mutant Profil * |
#2 · Zasláno: 11. 3. 2008, 19:51:36
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html> <head> <title>Studio LR</title> <meta http-equiv="content-type" content="text/html; charset=iso-8859-2"> <meta name="content-language" content="cz"> <style type="text/css"> body {margin:0; padding:0; color:#666} body * {line-height:115%} html, body {height:100%} body, textarea, select {font:small "Lucida Grande","Geneva CE",Verdana,lucida,sans-serif} * html body, h6 {font-size:x-small; f\ont-size:small} h7, h6, h5, h4, h3, h2, h1,p, ul, ol, li, dl, dd, dt, form, fieldset, input, select, textarea {margin:0; padding:0} a {text-decoration:underline; color:#999} a:hover {text-decoration:underline; color:#f60} h1 a {text-decoration:none; color:#737373} h1 {margin-bottom:1em; font-size:14px; color:#999} h2, h3, h4, h5, h6, h7 {margin-bottom:0.5em; color:#999} h2 {font-size:13px} h3 {font-size:85%; font-weight:normal} .clr {clear:both; height:0px; font-size:1px; overflow:hidden} #page {background:url(http://www.studio-lr.com/img/bg-page.gif) no-repeat} #central {width:900px; margin:0 auto;} #header1 {float:left; width:120px; height:134px; background:#838383 url(http://www.studio-lr.com/img/pan1.gif)} #header2 {float:left; height:134px; width:660px} #header3 {float:right; width:120px; height:190px} #header2, #hoverMenu, #right, #foot {background:white} #logo {float:left; width:120px; height:56px; background:url(http://www.studio-lr.com/img/logo.gif)} #hoverMenu {float:left; height:56px; width:660px} #content {clear:both; background:url(http://www.studio-lr.com/img/bg-content.gif) repeat-y} #left {float:left; width:100px; padding:10px} #right {float:left; width:486px; padding:10px 12px} * html #right {width:510px; wid\th:486px} #edge {float:left; width:130px; padding:10px; font-size:77%} * html #edge {width:150px; wid\th:130px} #foot {padding:10px 10px 10px 132px; font-size:11px; background:url(http://www.studio-lr.com/img/bg-foot.gif) no-repeat} #edge a, #left a {color:#f60;} p {margin-bottom:0.5em} h3 p {margin-bottom:5em} .item {padding-bottom:1.5em; clear:both} .il {float:left; margin:0.15em 0.5em 0.25em 0; border:1px solid #999} /* HOVER MENU.................................................................. ................................................. */ #mainMenu {font-weight:bold; padding:0; margin:0; float:left; display:block; position:relative; list-style-type:none} #mainMenu ul {z-index:20; padding:0; margin:0; line-height:1; list-style-type:none} #mainMenu a {color:#999; text-decoration:none; white-space:nowrap} #mainMenu ul a {color:#ccc; padding-bottom:0.2em; font-size:11px; line-height:100%} #mainMenu ul a:hover {color:#f60} li#studio {position:absolute; left:13px} li#program {position:absolute; left:103px} li#designeri {position:absolute; left:210px} li#workshop {position:absolute; left:327px} li#lr {position:absolute; left:547px} li#en {position:absolute; left:644px} li#studio ul, li#program ul, li#designeri ul, li#designeri ul ul, li#workshop ul, li#lr ul {bottom:1.2em} /* ...................................................................... ............................................. */ #mainMenu a {display:block; width:10em} #mainMenu li {/* all list items */ float:left; width:10em} #mainMenu li ul {/* second-level lists */ position:absolute; background:url(http://www.studio-lr.com/img/spacer.gif); width:10em; left:-999em} #mainMenu li:hover ul, #mainMenu li li:hover ul, #mainMenu li.sfhover ul, #mainMenu li li.sfhover ul {/* lists nested under hovered list items */left:auto} #mainMenu li:hover ul#designeri2 {left:10em} #mainMenu li:hover ul#designeri3 {left:20em} /* ...................................................................... ............................................. */ #mainMenu li ul ul {/* third-and-above-level lists */ margin:0 0 0 7.7em; bottom:0} #mainMenu li:hover ul ul, #mainMenu li.sfhover ul ul {left:-999em} </style> <script type="text/javascript"> sfHover = function() { var sfEls = document.getElementById("mainMenu").getElementsByTagName("LI"); for (var i=0; i<sfEls.length; i++) { sfEls[i].onmouseover=function() { this.className+=" sfhover"; } sfEls[i].onmouseout=function() { this.className=this.className.replace(new RegExp(" sfhover\\b"), ""); } } } if (window.attachEvent) window.attachEvent("onload", sfHover); </script> </head> <body> <div id="page"> <div id="central"> <!-- ................................................................ --> <div id="header1"></div> <div id="header2"> <object type="application/x-shockwave-flash" data="http://www.studio-lr.com/head.swf?po=13" width="660" height="134"> <param name="movie" value="http://www.studio-lr.com/head.swf?po=13"> <param name="wmode" value="transparent"> <img src="http://www.studio-lr.com/img/pan2.jpg" width="660" height="134" border="0" alt="No Flash"> </object> </div> <div id="header3"><img src="http://www.studio-lr.com/img/spacer.gif" width="120" height="120" border="0" alt=""></div> <div id="logo"><a href="index08.html"><img src="http://www.studio-lr.com/img/logo.gif" width="120" height="56" border="0" alt="Studio LR"></a></div> <div id="hoverMenu"> <ul id="mainMenu"> <li id="studio"><a href="index08.html" title="aktuality Studia LR">studio</a> <ul> <li><a href="index08.html">aktuality Studia LR</a></li> <li><a href="kontakty.html">kontakty</a></li> <li><a href="zamer.html">záměr studia</a></li> <li><a href="plany.html">plány programu</a></li> <li><a href="pronajmy.html">pronájmy</a></li> <li><a href="partneri.html">partneři</a></li> </ul> </li> <li id="program"><a href="kalendar08.html" title="program 2008">program</a> <ul> <li><a href="kalendar08.html">kalendář 2008</a></li> <li><a href="index07.html">archiv 2007</a></li> <li><a href="index06.html">archiv 2006</a></li> <li><a href="index05.html">archiv 2005</a></li> <li><a href="workshop-studio.html">workshopy Studia LR</a></li> <li><a href="prednasky.html">prednášky</a></li> <li><a href="tisk-tz.html">Studio LR v tisku</a></li> <li><a href="galerie-studio08.html">fotogalerie</a></li> </ul> </li> <li id="designeri"><a href="designeri.html" title="designéři">designéři</a> <ul id="designeri1"> <li><a href="hana-zarubova.html">Hana Zárubová</a></li> <li><a href="jakub-polanka.html">Jakub Polanka</a></li> <li><a href="denisa-nova.html">Denisa Nová</a></li> <li><a href="muset.html">MUSET</a></li> <li><a href="lukas-kimlicka.html">Lukáš Kimlička</a></li> <li><a href="petr-kalouda.html">Petr Kalouda</a></li> <li><a href="monika-drapalova.html">Monika Drápalová</a></li> <li><a href="pavel-brejcha.html">Pavel Brejcha</a></li> <li><a href="alesbary.html">Alešbáry</a></li> </ul> <ul id="de |
||
dr.mutant Profil * |
#3 · Zasláno: 11. 3. 2008, 19:53:56
<ul id="designeri2">
<li><a href="natalie-steklova.html">Natálie Steklová</a></li> <li><a href="maria-stranekova.html">Mária Štraneková</a></li> <li><a href="marketa-vinglerova.html">Markéta Vinglerová</a></li> <li><a href="eva-brzakova.html">Eva Brzáková</a></li> <li><a href="andrea-kvasnicova.html">Andrea Kvasnicová</a></li> <li><a href="zdenek-vacek.html">Zdeněk Vacek</a></li> <li><a href="pavel-jevula.html">Pavel Jevula</a></li> <li><a href="boris-hanecka.html">Boris Hanečka</a></li> <li><a href="lukas-kimlicka.html">Lukáš Kimlička</a></li> </ul> <ul id="designeri3"> <li><a href="zuzana-sedmidubska.html">Zuzana Sedmidubská</a></li> <li><a href="marcel-holubec.html">Marcel Holubec W.</a></li> <li><a href="vojta-novotny.html">Vojta Novotný</a></li> <li><a href="zuzana-vesela.html">Zuzana Veselá</a></li> </ul> </li> <li id="workshop"><a href="workshop.html" title="aktuality workshop">workshop Farma Olšany</a> <ul> <li><a href="workshop.html">aktuality workshop</a></li> <li><a href="workshop-2007.html">Tolerance materiálu V (2007)</a></li> <li><a href="workshop-2006.html">Tolerance materiálu IV (2006)</a></li> <li><a href="workshop-2005.html">Tolerance materiálu III (2005)</a></li> <li><a href="workshop-2004.html">Tolerance materiálu II (2004)</a></li> <li><a href="workshop-2003.html">Tolerance materiálu I (2003)</a></li> </ul> </li> <li id="lr"><a href="http://www.lr-style.com">LR style</a> <ul> <li><a href="http://www.lr-style.com">LR style</a></li> </ul> </li> <li id="en"><a href="#">en</a></li> </ul> <div class="clr"></div> </div> <!-- ................................................................ --> <div id="content"> <!-- .............................. --> <div id="left"></div> <!-- .............................. --> <div id="right"> <div class="item"> <h3>25.02.2008</h3> <h1><a href="http://www.studio-lr.com/2008_0225.html">S kolekcí "Nostalgie" se představí nová držitelka titulu TOP STYL DESIGNER Zuzana Sedmidubská</a></h1> <img src="http://www.studio-lr.com/foto/2008_0225.jpg" alt="TOP STYL DESIGNER ve Studiu LR - Zuzana Sedmidubská - kolekce Nostalgie" class="il"> <p>.......................... </p> <p class="clr"></p> <p><a href="http://www.studio-lr.com/2008_0225.html">(více...)</a></p> <p><a href="http://www.studio-lr.com/tisk/pozvanka-zuzana-sedmidubska-nostal gie-studio-lr-2007.pdf">STÁHNOUT POZVÁNKU (formát pdf)</a></p> </div> </div> <!-- .............................. --> <div id="edge">.......................... </div> </div> <div class="header3"><img src="http://www.studio-lr.com/img/spacer.gif" width="120" height="120" border="0" alt=""></div> <!-- .............................. --> <div class="clr"></div> <!-- ................................................................ --> <div id="foot"> <p><a href="javascript:print()"><img src="http://www.studio-lr.com/img/print-page.png" alt="Vytiskni stránku / Print page" title="Vytiskni stránku / Print page" width="23" height="19" border="0"></a></p> <p>© Liběna Rochová, Studio LR, Malostranské nábřeží 1, 1.patro, 11801 Praha 1</p> </div> </div> </div> </div> </body> </html> |
||
Časová prodleva: 16 let
|
0