Pessoal, descobri que algumas imagens gif tinham sido mudadas para png pelo "layout-man" e não tinha me atentado para este detalhe, até porque era um menu que vinha dando uma trabalheira e ele alegava que o problema era no CI já que o código dele rodava como html. Enfim mais um ponto para o CI :-)
Muita sorte para nós! Marco Telles ############# # Pier de Ipanema ( http://www.pierdeipanema.com.br/ ) # Pier de Ipanema no Orkut ( http://www.orkut.com/Community.aspx?cmm=2923344 ) # CodeIgniter PHP framework ( http://www.codeigniter.com.br/ ) # Ubuntu The power of free software ( http://www.ubuntu-br.org/ ) # Python Programming Language ( http://www.pythonbrasil.com.br/ ) Marco Telles escreveu: > Coloquei o css junto com o html, mesmo assim não mudou nada. Continua > perdendo a formatação quando no CI. > Segue abaixo o código, caso possam ajudar: > Obs: no fim do html, tem umas variáveis sendo instanciadas para o tal > hack que faz o menu funcionar. > > Abs. > > >> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" >> "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd";> >> <html xmlns="http://www.w3.org/1999/xhtml";> >> <head> >> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> >> >> <style type="text/css"> >> <!-- >> body { >> font: 100% Verdana, Arial, Helvetica, sans-serif; >> background: #fff; >> margin: 0; /* it's good practice to zero the margin and padding of >> the body element to account for differing browser defaults */ >> padding: 0; >> text-align: center; /* this centers the container in IE 5* >> browsers. The text is then set to the left aligned default in the >> #container selector */ >> color: #000000; >> } >> >> .twoColFixLtHdr #container { >> width: 770px; /* using 20px less than a full 800px width allows >> for browser chrome and avoids a horizontal scroll bar */ >> background: #FFFFFF; >> margin: 0 auto; /* the auto margins (in conjunction with a width) >> center the page */ >> text-align: left; /* this overrides the text-align: center on the >> body element. */ >> } >> >> .twoColFixLtHdr #header { >> background: #DDDDDD; >> padding: 0 10px 0 20px; /* this padding matches the left >> alignment of the elements in the divs that appear beneath it. If an >> image is used in the #header instead of text, you may want to remove >> the padding. */ >> background-image:url(images/topo.gif); >> background-repeat:no-repeat; >> background-position:top left; >> height: 125px; >> } >> >> .hide {display:none;} >> >> /*Busca*/ >> #busca { >> width: 265px; >> height: 27px; >> float: right; >> margin: 28px 8px 0 0; >> padding: 5px 0 0 84px; >> background: url(images/busca.gif); background-repeat: no-repeat; >> } >> >> #busca SELECT { >> font-size: 11px; >> width: 99px; >> height: 16px; >> } >> >> #busca INPUT { >> font-size: 11px; >> width: 99px; >> height: 12px; >> border: 1px solid #5370AD; >> } >> >> #ok /*botao ok*/ { >> width: 34px; >> height: 22px; >> /*text-indent: -9999px;*/ >> overflow: hidden; >> cursor: pointer; >> background: transparent url(images/ok.gif); >> border:none; >> margin-left:3px; margin-bottom:5px; >> PADDING-LEFT: 0px; >> PADDING-RIGHT: 0px; >> PADDING-TOP: -5px; >> PADDING-BOTTOM: -5px; >> } >> >> /*link home*/ >> #link_home A { >> float: left; >> width: 200px; >> height: 82px; >> text-indent: -9999px; >> overflow: hidden; >> z-index:0; >> } >> >> /*fim link home*/ >> >> .twoColFixLtHdr #header h1 { >> margin: 0; /* zeroing the margin of the last element in the >> #header div will avoid margin collapse - an unexplainable space >> between divs. If the div has a border around it, this is not necessary >> as that also avoids the margin collapse */ >> padding: 10px 0; /* using padding instead of margin will allow you >> to keep the element away from the edges of the div */ >> } >> >> /*MENU HORIZONTAL TOPO*/ >> >> #menusup { >> width: 450px; >> height: 44; >> float:right; >> } >> >> #menusup ul { >> margin: 9px 0 0 0; >> list-style-type: none; >> text-align:right; >> } >> >> #menusup li { >> display:inline; >> list-style-type: none; >> padding:0; >> margin:0; >> font-size:5px; >> } >> >> #menusup li a { >> padding:0; >> margin:0; >> text-decoration:none; >> } >> >> .twoColFixLtHdr #sidebar1 { >> float: left; /* since this element is floated, a width must be >> given */ >> width: 150px; /* the actual width of this div, in >> standards-compliant browsers, or standards mode in Internet Explorer >> will include the padding and border in addition to the width */ >> background: #FFFFFF; /* estava #EBEBEB the background color will >> be displayed for the length of the content in the column, but no >> further */ >> padding: 15px 10px 15px 20px; >> border: 1px solid #FF0000; >> } >> >> #logos { >> >> } >> >> .twoColFixLtHdr #mainContent { >> margin: 0 0 0 185px; /* the left margin on this div element >> creates the column down the left side of the page - no matter how much >> content the sidebar1 div contains, the column space will remain. You >> can remove this margin if you want the #mainContent div's text to fill >> the #sidebar1 space when the content in #sidebar1 ends. */ >> padding: 0 0px; /* remember that padding is the space inside the >> div box and margin is the space outside the div box */ >> border: 1px solid #0000FF; >> } >> >> .twoColFixLtHdr #footer { >> padding: 0 0px 10px 0px; /* this padding matches the left >> alignment of the elements in the divs that appear above it. */ >> height: 18px; >> clear: both; >> margin: 0; >> background: url(images/rodape.gif) no-repeat left top; >> } >> >> #footer ul { >> margin: 2px; >> list-style-type: none; >> text-align:center; >> } >> >> #footer li { >> display:inline; >> list-style-type: none; >> padding:0 2px; >> margin:0; >> font-size:11px; >> font-weight:bold; >> color:#FFFFFF; >> } >> >> #footer li a { >> padding:0; >> margin:0; >> text-decoration:none; >> color:#FFFFFF; >> } >> >> #footer li a:hover { >> color: #003399; >> } >> >> .fltrt { /* this class can be used to float an element right in your >> page. The floated element must precede the element it should be next >> to on the page. */ >> float: right; >> margin-left: 8px; >> } >> >> .fltlft { /* this class can be used to float an element left in your >> page */ >> float: left; >> margin-right: 8px; >> } >> >> .clearfloat { /* this class should be placed on a div or break element >> and should be the final element before the close of a container that >> should fully contain a float */ >> clear:both; >> height:0; >> font-size: 1px; >> line-height: 0px; >> } >> >> --> >> </style> >> >> <!--[if IE 5]> >> <style type="text/css"> >> /* place css box model fixes for IE 5* in this conditional comment */ >> .twoColFixLtHdr #sidebar1 { width: 230px; } >> </style> >> <![endif]--> >> >> <!--[if IE]> >> <style type="text/css"> >> /* place css fixes for all versions of IE in this conditional comment */ >> .twoColFixLtHdr #sidebar1 { padding-top: 30px; } >> .twoColFixLtHdr #mainContent { zoom: 1; } >> >> #busca INPUT { >> font-size: 11px; >> margin-bottom: 8px; >> } >> >> #busca SELECT { >> font-size: 11px; >> margin-bottom: 5px; >> } >> >> #busca INPUT { >> width: 99px; >> height: 12px; >> border: 1px solid #5370AD; >> } >> >> #ok /*botao ok*/ >> { >> width: 34px; >> height: 22px; >> /*text-indent: -9999px;*/ >> overflow: hidden; >> cursor: pointer; >> background: transparent url(images/ok.gif); >> border:none; >> margin-left:3px; margin-bottom:5px; >> PADDING-LEFT: 0px; >> PADDING-RIGHT: 0px; >> PADDING-TOP: -5px; >> PADDING-BOTTOM: -5px; >> } >> >> /* the above proprietary zoom property gives IE the hasLayout it needs >> to avoid several bugs */ >> </style> >> <![endif]--> >> >> <script src="SpryAssets/SpryMenuBar.js" type="text/javascript"></script> >> <link href="SpryAssets/SpryMenuBarVertical.css" rel="stylesheet" >> type="text/css" /> >> >> </head> >> >> <body class="twoColFixLtHdr"> >> >> <div id="container"> >> <div id="header"> >> <div id="link_home"><a href="home">home</a></div> >> >> <div id="busca"> >> <label title="busca" class="hide">busca</label><input >> name="busca" type="text" class="lar100"> >> <select name="secao" class="lar100"> >> <option value="todo">todo o site</option> >> </select> >> <button type="submit" id="ok"><span >> class="hide">OK</span></button> >> <!--/busca--></div> >> >> <div id="menusup"> >> <ul> >> <li><a href="#"><img >> src="images/menu/quem_somos2.gif" alt="Quem somos" width="101" >> height="24" border="0" /> >> <span class="hide">Quem somos</span></a> </li> >> </ul> >> </div> >> <!-- end #header --></div> >> >> <div id="sidebar1"> >> >> <img src="images/menu/topo.jpg" /> >> <ul id="MenuBar1" class="MenuBarVertical"> >> >> <li><a href="#" class="MenuBarItemSubmenu">Opcao 1</a> >> <ul> >> <li><a href="#">Opcao 1.1</a></li> >> <li><a href="#">Opcao 1.2</a></li> >> </ul> >> </li> >> >> <li><a href="#" class="MenuBarItemSubmenu">Opcao 2</a> >> <ul> >> <li><a href="#">Opcao 2.1</a></li> >> <li><a href="#">Opcao 2.2</a></li> >> <li><a href="#">Opcao 2.3</a></li> >> </ul> >> </li> >> >> </ul> >> <img src="images/menu/bottom.jpg" /> >> >> <div id="logos"> >> <img src="images/menu/sac.gif" alt="SAC" width="124" height="50" /> >> <img src="images/marcas/marca1.gif" alt="marca1" width="123" >> height="51" /> >> <h3> </h3> >> <!-- end #sidebar1 --></div> >> >> <div id="mainContent"> >> <h1><img src="images/home_01.jpg" alt="Home" width="599" >> height="471" /></h1> >> <!-- end #mainContent --></div> >> <!-- This clearing element should immediately follow the >> #mainContent div in order to force the #container div to contain all >> child floats --><br class="clearfloat" /> >> <div id="footer"> >> <ul> >> <li><a href="#">home</a></li> >> <li>|</li> >> <li><a href="#">quem somos</a></li> >> </ul> >> <!-- end #footer --></div> >> <!-- end #container --></div> >> >> <script type="text/javascript"> >> <!-- >> var MenuBar1 = new Spry.Widget.MenuBar("MenuBar1", >> {imgRight:"SpryAssets/SpryMenuBarRightHover.gif"}); >> //--> >> </script> >> >> <script type="text/javascript"> >> <!-- >> var MenuBar2 = new Spry.Widget.MenuBar0("MenuBar2", >> {imgRight:"SpryAssets/SpryMenuBarRightHover.gif"}); >> //--> >> </script> >> >> <script type="text/javascript"> >> <!-- >> var MenuBar3 = new Spry.Widget.MenuBar1("MenuBar3", >> {imgRight:"SpryAssets/SpryMenuBarRightHover.gif"}); >> //--> >> </script> >> >> >> </body> >> </html> >> > > > >> Edinho Almeida escreveu: >> >> >>> o código fonte gerado pelo CI está igual ? >>> >>> 2008/3/3 Marco Telles <[EMAIL PROTECTED] >>> <mailto:[EMAIL PROTECTED]>>: >>> >>> Opa, enfim a lista volta a ativa... :) >>> >>> Tenho uma página em html que funciona perfeitamente. Quando uso ela no >>> CI o menu não funciona e o layout sai errado. >>> Para tirar qualquer interferência, fiz apenas um controller chamando a >>> view com o tal html. >>> Deixei um printscreen aqui: >>> >>> http://www.portallagos.com.br/images/ci_forum.jpg >>> >>> Essa página funcionava corretamente até colocar o menu lateral que usa >>> um javascript. Já tentei de tudo e não consigo resolver esse problema, >>> se alguém puder me dar uma luz, eu agradeço imensamente. >>> >>> -- >>> Muita sorte para nós! >>> >>> Marco Telles >>> >>> ############# >>> # Pier de Ipanema ( http://www.pierdeipanema.com.br/ ) >>> # Pier de Ipanema no Orkut ( >>> http://www.orkut.com/Community.aspx?cmm=2923344 ) >>> # CodeIgniter PHP framework ( http://www.codeigniter.com.br/ ) >>> # Ubuntu The power of free software ( http://www.ubuntu-br.org/ ) >>> # Python Programming Language ( http://www.pythonbrasil.com.br/ ) >>> >>> >>> _______________________________________________ >>> Lista mailing list >>> [email protected] <mailto:[email protected]> >>> http://codeigniter.com.br/mailman/listinfo/lista_codeigniter.com.br >>> >>> >>> ------------------------------------------------------------------------ >>> >>> _______________________________________________ >>> Lista mailing list >>> [email protected] >>> http://codeigniter.com.br/mailman/listinfo/lista_codeigniter.com.br >>> >>> >>> >> _______________________________________________ >> Lista mailing list >> [email protected] >> http://codeigniter.com.br/mailman/listinfo/lista_codeigniter.com.br >> >> >> > > _______________________________________________ > Lista mailing list > [email protected] > http://codeigniter.com.br/mailman/listinfo/lista_codeigniter.com.br > > _______________________________________________ Lista mailing list [email protected] http://codeigniter.com.br/mailman/listinfo/lista_codeigniter.com.br
