renoribeiro
-
Total de itens
2 -
Registro em
-
Última visita
Sobre renoribeiro
renoribeiro's Achievements
0
Reputação
-
Galera, boa tarde, gostaria que vocês me ajudassem pois eu ainda sou iniciante no assunto. Peguei um menu pela internet, MENU css e coloquei numa página que estou fazendo. quando abro o menu pelo firefox ele funciona perfeitamente mas pelo IE ele nem aparece na tela. gostaria de saber o que pode ser? è algo relacionado aqueles HACK q tem em código? segue o código: <!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=iso-8859-1"> <title>::: SETEMAQ :::</title> <style type="text/css" media="screen"> <!-- body { background-image: url(setemaq.jpg); background-repeat: no-repeat; } #espacamento { position:absolute; width:200px; height:115px; z-index:2; left: 590px; top: 497px; } #logosetemaq { position:absolute; width:196px; height:66px; z-index:3; top: 24px; left: 298px; } #slogan30anos { position:absolute; width:148px; height:18px; z-index:4; top: 92px; left: 326px; } #textoboasvindas { position:absolute; width:459px; height:72px; z-index:5; left: 285px; top: 203px; } .style1 { font-family: Tahoma; font-size: 12px; } .style2 {font-family: Tahoma; font-size: 13px; font-weight: bold; color: #FFFFFF; } #menu { width: 13em; background: #eee; position:absolute; width:150px; height:115px; z-index:60; left: 20px; top: 140px; } #menu ul { list-style: none; margin: 0; padding: 0; } #menu a, #menu h2 { font: 11px/11px Tahoma, helvetica, sans-serif; display: block; border-width: 1px; border-style: solid; border-color: #ccc #888 #555 #bbb; margin: 0; padding: 5px 3px; } #menu h2 { font: bold 11px/11px Tahoma, helvetica, sans-serif; color: #cc3333; background: #fff; text-transform: uppercase; } #menu a { color: #000; background: #e6e6e6; text-decoration: none; } #menu a:hover { color: #fff; background: #cc3333; } #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;} <!--[if IE]> #menu ul li {float: left; width: 100%;} <![endif]--> </style> <!--[if lt IE 7]> <style type="text/css" media="screen"> body { behavior: url(csshover.htc); font-size: 100%; } #menu ul li {float: left; width: 100%;} #menu ul li a {height: 1%;} #menu a, #menu h2 { font: bold 0.7em/1.4em arial, helvetica, sans-serif; } --> </style> </head> <body> <div id="menu"> <ul> <li><h2 align="center">MENU SETEMAQ</h2> <ul> <li><a href="index.htm" title="SEO Consultants Directory">Página Inicial</a></li> <li><a href="empresa.htm" title="SEO Consultants Directory">Nossa Empresa</a></li> <li><a href="empresa.htm" title="SEO Consultants Directory">Produtos</a> <ul> <li><a href="">RICOH</a> <ul> <li><a href="">Linha Color</a></li> <li><a href="">Linha Color</a></li> <li><a href="">Linha Color</a></li> </ul> </li> <li><a href="">BROTHER</a> <ul> <li><a href="">Linha Color</a></li> <li><a href="">Linha Color</a></li> <li><a href="">Linha Color</a></li> </ul> </li> </ul> </li> <li><a href="">Assistência</a> <ul> <li><a href="assistencia.htm">Assistência Técnica / Suporte</a></li> <li><a href="reposicao.htm">Reposição de Suprimentos</a></li> </ul></li> <li><a href="">Contato</a></li> </ul> </div> <div id="espacamento"></div> <div id="logosetemaq"><img src="SETEMAQ-logo-vetor1.jpg" width="200" height="67" /></div> <div class="style2" id="slogan30anos">30 anos ao seu lado </div> <div class="style3" id="textoboasvindas"> <p align="left" class="style4 style1"> A Setemaq tem o prazer de mostrar a vocês o mais novo portal online, com um visual mais moderno, atraente e com todas as funcionalidades que você precisa. Agora você pode através do nosso site visitar todos os nossos produtos como também pode solicitar assistência técnica diretamente pela internet e entrar em contato conosco através da seção "Contato" em nosso menu lateral. </p> </div> </body> </html> Grato antecipadamente, Reno.
-
Galera estou com uma dúvida em um menu. Peguei-o na internet e coloquei direitinho no site mas quando abro o sub-menu o fundo como podem ver na foto fica transparente e gostaria de saber como eu coloco um background no sub-menu para que quando abrir ele, não se possa ver o fundo da página, assim como acontece no 3º nível do menu... (sub-submenu) Imagem: e segue o codigo css galera: <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>::: SETEMAQ :::</title> <script type="text/javascript" src="js/slide-out-menu-new.js"></script> <style type="text/css"> <!-- a{ color:red; text-decoration:none; } body{ background-image: url(setemaq.jpg); background-repeat: no-repeat; font-size:0.8em; text-align:center; font-family: Trebuchet MS, Lucida Sans Unicode, Arial, sans-serif; margin:0px; padding:0px; } img{ border:0px; } #leftContainer{ width:160px; float:left; padding-left:5px; padding-right:5px; height:300px; } #contentContainer{ width:590px; float:left; } .ad{ clear:both; text-align:center; padding:5px; } /* END DEMO CSS */ #dhtmlgoodies_menu{ font-family:Trebuchet; /* Font for main menu items */ width:150px; /* Width of main menu */ } #dhtmlgoodies_menu li{ /* Main menu <li> */ list-style-type:none; /* No bullets */ margin:0px; /* No margin - needed for Opera */ } #dhtmlgoodies_menu ul{ margin:0px; /* No <ul> air */ padding:0px; /* No <ul> air */ } #dhtmlgoodies_menu ul li ul{ /* Styling for those who doesn't have javascript enabled */ padding-left:10px; } #dhtmlgoodies_menu li a{ /* Main menu links */ text-decoration:none; /* No underline */ color:#000; /* Black text color */ height:20px; /* 20 pixel height */ line-height:20px; /* 20 pixel height */ vertical-align:middle; /* Align text in the middle */ border:1px solid #000; /* Black border */ background-color:#FAFAFA; /* Light blue background color */ margin:1px; /* A little bit of air */ padding:1px; /* Air between border and text inside */ display:block; } #dhtmlgoodies_menu li a:hover,#dhtmlgoodies_menu .activeMainMenuItem{ color:#FFF; background-color:#CC0000; } .dhtmlgoodies_subMenu{ visibility:hidden; position:absolute; overflow:hidden; border:1px solid #000; background-color:#FAFAFA; font-family:arial; text-align:left; } .dhtmlgoodies_subMenu ul{ margin:0px; padding:0px; } .dhtmlgoodies_subMenu ul li{ list-style-type:none; margin:0px; padding:1px; /* 1px of air between submenu border and sub menu item - (the "white" space you see on mouse over )*/ } .dhtmlgoodies_subMenu ul li a{ /* Sub menu items */ white-space:nowrap; /* No line break */ text-decoration:none; /* No underline */ color:#000; /* Black text color */ height:16px; /* 16 pixels height */ line-height:16px; /* 16 pixels height */ padding:1px; /* 1px of "air" inside */ display:block; /* Display as block - you shouldn't change this */ } .dhtmlgoodies_subMenu ul li a:hover{ /* Sub menu items - mouse over effects */ color:#FFF; /* White text */ background-color:#CC0000; /* Blue background */ } #logomarca { position:absolute; width:231px; height:69px; z-index:1; left: 354px; top: 34px; } #menu1 { position:absolute; width:200px; height:115px; z-index:2; left: 26px; top: 128px; } #texto1quadro1 { position:absolute; width:214px; height:39px; z-index:1; left: -51px; top: 302px; } #texto2quadro1 { position:absolute; width:139px; height:102px; z-index:3; left: 382px; top: 371px; } #textocima { position:absolute; width:472px; height:115px; z-index:4; left: 287px; top: 194px; } #apDiv1 { position:absolute; width:200px; height:115px; z-index:5; left: 597px; top: 520px; } --> </style></head>