Ir para conteúdo
Fórum Script Brasil

dianabreit

Membros
  • Total de itens

    10
  • Registro em

  • Última visita

Posts postados por dianabreit

  1. então ai é q ta o X da questao...

    eu baixei esse firebug, e fui procurando 1 ou 1 pra ver se eu encontrava, e achei o iframe com 912px (sendo q no dreamweaver não constava nada de 912), mas no firebug encontra, mass depois q eu dou um cline no link do menu "home" ele atualiza para 408px (q é o tamanho q eu coloquei no dreamweaver)...

    q foi o que eu expliquei logo no inicio, ele carrega grande, mas depois q clica em qualquer outro link, ele volta ao normal... mas não tem nada de 912px no dreamweaver pra eu corrigir...

    ele carrega grande, e depois q volta ao normal, mas eu não qro q carregue daquele jeito, porque alguém q não sabe desse bug, vai entrar e vai estar em um aspecto horrivel o site...

    o que será q ta acontecendo??? =/

  2. Bom dia, estou terminando de desenvolver um site e coloquei 2 iframes na pagina inicial, o primeiro é o home.html e o segundo cotacao.html, mas quando carrega a pagina cotacao.html (por ser uma pagina inteira), ele manetm o espaço em branco do cotacao.html, e fica um espaço horrivel na pagina inicial...

    ele só volta ao normal quando clico no link "home" ou ao abrir qualquer outro link do menu... já tentei fazer de tudo e não consigo arrumar, alguém teria uma ideia de o que fazer pra não carregar com esse espaço em branco???

  3. Oiiee, obrigada por responder, então alterei tudo q você pediu, se quiser acessar o menu hospedado pra ver como ficou, entra no http://www.hidrauforca.com.br/novo/menu.html

    mas aconteceu um problema, o menu agora carrega fechado (oba), mass ao clicar na setinha para o submenu aparecer, não acontece nada...

    olha como está o código agora com as alteraçoes q você me pediu....

    (obrigada mais um avez)

    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
    <meta name="author" content="Wagner B. Soares" />
    <title>Menu</title>
    <style type="text/css"> 
    body
    {
        font-size: 11px;
        font-family: Verdana, Arial, Helvetica, Garamond, sans-serif, serif;
    }
    
    div.menu
    {
        width: 200px;
        border: 1px solid #000000;
    }
    
    div.menu a
    {
        display: block;
        padding-left: 5px;
        line-height: 20px;
        color: #000000;
        text-decoration: none;
        outline: none;
    }
    
    * html div.menu a { height: 1%; }
    
    div.menu a:hover
    {
        background-color: #000066;
        color: #FFFFFF;
    }
    
    ul.corpo
    {
        margin: 0px;
        padding: 0px;
        width: 200px;
    }
    
    ul.corpo li
    {
        display: block;
        margin: 0px;
        padding: 0px;
        list-style: none;
    }
    
    span.imagem
    {    
        display: block;
        width: 198px;
        position : absolute;
        text-align: right;
    }
    
    span.imagem img
    {
        padding: 3px 2px;
        cursor: pointer;
    }
    
    span.header
    {
        z-index:1;
        display: block;
        margin: 0px;
        padding: 0px;
        padding-left: 5px;
        line-height: 22px;
        color: #FFFFFF;
        font-weight: bold;
        background-color: #000000;
    }
    
    </style>
    <script type="text/javascript"> 
    up_down = function colapseall()
    {
    document.getElementById('menuBody').style.display = "none";
    document.getElementById('menuBody1').style.display = "none";
    }
    </script>
    </head>
    <body onload="colapseall();">
        <div id="menu" class="menu">
            <span class="imagem"><img src="arrow_down.gif" onclick="up_down(this,'menuBody1');" alt="" title="" /></span>
            <span class="header">Pistolas de Pintura</span>
            <ul id="menuBody" class="corpo">
                <li><a href="pistola_pressao.html" target="img">Pressão</a></li>
                <li><a href="#">Editar</a></li>
                <li><a href="#">Procurar</a></li>
                <li><a href="#">Ferramentas</a></li>
            </ul>
        </div>
        <br />
        <div id="menu1" class="menu">
            <span class="imagem"><img src="arrow_down.gif" onclick="up_down(this,'menuBody1');" alt="" title="" /></span>
            <span class="header">Menu</span>
            <ul id="menuBody1" class="corpo">
                <li><a href="#">Arquivo</a></li>
                <li><a href="#">Editar</a></li>
                <li><a href="#">Procurar</a></li>
                <li><a href="#">Ferramentas</a></li>
            </ul>
        </div>
    </body>
    </html>

  4. o código

    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
    <meta name="author" content="Wagner B. Soares" />
    <title>Menu</title>
    <style type="text/css"> 
    body
    {
    	font-size: 11px;
        font-family: Verdana, Arial, Helvetica, Garamond, sans-serif, serif;
    }
    
    div.menu
    {
    	width: 200px;
    	border: 1px solid #000000;
    }
    
    div.menu a
    {
    	display: block;
    	padding-left: 5px;
    	line-height: 20px;
    	color: #000000;
    	text-decoration: none;
    	outline: none;
    }
    
    * html div.menu a { height: 1%; }
    
    div.menu a:hover
    {
    	background-color: #000066;
        color: #FFFFFF;
    }
    
    ul.corpo
    {
    	margin: 0px;
    	padding: 0px;
    	width: 200px;
    }
    
    ul.corpo li
    {
    	display: block;
    	margin: 0px;
    	padding: 0px;
    	list-style: none;
    }
    
    span.imagem
    {	
    	display: block;
    	width: 198px;
    	position : absolute;
    	text-align: right;
    }
    
    span.imagem img
    {
    	padding: 3px 2px;
    	cursor: pointer;
    }
    
    span.header
    {
    	z-index:1;
    	display: block;
    	margin: 0px;
    	padding: 0px;
    	padding-left: 5px;
    	line-height: 22px;
    	color: #FFFFFF;
    	font-weight: bold;
    	background-color: #000000;
    }
    
    </style>
    <script type="text/javascript"> 
    up_down = function(img,body)
    {
    		if(img.src.indexOf("up") > -1)
    		{
    			img.src="arrow_down.gif";
    			document.getElementById(body).style.display = "none";
    		}
    		else
    		{
    			img.src="arrow_up.gif";
    			document.getElementById(body).style.display = "block";
    		}
    };
    </script>
    </head>
    <body>
    	<div id="menu" class="menu">
    		<span class="imagem"><img src="arrow_up.gif" onclick="up_down(this,'menuBody');" alt="" title="" /></span>
    		<span class="header">Menu</span>
    		<ul id="menuBody" class="corpo">
    			<li><a href="#">Arquivo</a></li>
    			<li><a href="#">Editar</a></li>
    			<li><a href="#">Procurar</a></li>
    			<li><a href="#">Ferramentas</a></li>
    		</ul>
    	</div>
    	<br />
    	<div id="menu1" class="menu">
    		<span class="imagem"><img src="arrow_up.gif" onclick="up_down(this,'menuBody1');" alt="" title="" /></span>
    		<span class="header">Menu</span>
    		<ul id="menuBody1" class="corpo">
    			<li><a href="#">Arquivo</a></li>
    			<li><a href="#">Editar</a></li>
    			<li><a href="#">Procurar</a></li>
    			<li><a href="#">Ferramentas</a></li>
    		</ul>
    	</div>
    </body>

  5. Bom dia, tenho o seguinte site http://www.hidrauforca.com.br/novo/menu.html, no qual o menu carrega todo em aberto e você pode fechar ou abrir o submenu, mas gostaria de que a pagina já carregasse com o menu fechado, e eu clicasse nas setinhas para que os submenus abrissem...

    alguém poderia me ajudar, não tenho conhecimento em java, esse menu eu já peguei pronto, se pudessem me ajudar com o código já com os submenus minimizados...

    Obrigada

×
×
  • Criar Novo...