Ir para conteúdo

Arquivado

Este tópico foi arquivado e está fechado para novas respostas.

cesarhtc

Tamanho

Recommended Posts

Bom dia tenho esse código abaixo, como posso fixar o tamanho com 10 posições quando o campo tiver em branco.

 

image.png.0690975504c621966203d641ec2bcf9c.png

 

<span id="formata-valor">             </span>

 

 

#formata-valor
               {
                  font-size: 11pt;
                  font-family: FonteLogo, "Open Sans" ,Arial;    
                  color:#000000;
                  margin-top:-15px;
                  margin-left: 4px;
                  margin-bottom: 15px;        
                  width:15%;          
                  font-weight: normal;             
                  padding:5px;
                  border:1px solid #cccccc;
                 /* background-color:#f5f5f5;
                  border-top-left-radius: 0em;
                  border-top-right-radius: 0em;
                  border-bottom-right-radius: 0em;
                  border-bottom-left-radius: 0em;                     
                  background-image:-ms-linear-gradient(top, #ffffff, #e6e6e6);
                  background-image:-webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#e6e6e6));
                  background-image:-webkit-linear-gradient(top, #ffffff, #e6e6e6);
                  background-image:-o-linear-gradient(top, #ffffff, #e6e6e6);
                  background-image:linear-gradient(top, #ffffff, #e6e6e6);
                  background-image:-moz-linear-gradient(top, #ffffff, #e6e6e6);
                  background-repeat:repeat-x;*/    
                  -webkit-border-radius:6px;
                  -moz-border-radius:6px;
                  border-radius:6px;
                
                 }

Compartilhar este post


Link para o post
Compartilhar em outros sites

  • Conteúdo Similar

    • Por Vitor Correa
      Olá, estou criando uma página em html e estou tendo dificuldade em achar uma solução para esse problema, como faço para que o menu fique fixo em todas as páginas desse site sem que seja necessário refazer todo o código? Segue abaixo o código do meu menu e do css:
       
      <!DOCTYPE html> <html lang="pt-br"> <head> <meta charset="utf-8"> <link rel="stylesheet" type="text/css" href="./../css/header.css"> <title></title> </head> <body> <header> <img src="./../img/fundo.png"> <nav> <ul> <li><a href="sla.html" class="active">Início</a></li> <li><a href="pps.html">Teste</a></li> <li><a href="#">Teste</a></li> <li><a href="#">Teste</a></li> <li><a href="#">Teste</a></li> </ul> </nav> </header> </body> </html> img { width: 100px; } ul { list-style-type: none; margin: 0; padding: 0; overflow: hidden; background-color: #333; font-weight: bold; } li { float: left; border-right: 0px solid #333; } li: last-child { border-right: none; } li a { display: block; padding: 10px 15px; color: white; text-align: center; text-decoration: none; } li a:hover:not(.active){ background-color: #111; } .active { background-color: #FF0000; float: right; color: #111; }  
    • Por sick
      Boa noite amigos desenvolvedores
      Estou passando por um dificuldade, ate então besta, mas é uma dificuldade kkk
       
      eu tenho um topo que é fixo, dentro desse topo, tem um link que quando é clicado, ele rola ate uma div especifica la no final da pagina, ai surge o problema, quando clico ao chegar até a div, por ser um topo fixo, fica por cima da div, ou seja, ele vai ate a div, mas o topo por ser fixo tampa. o topo tem exatamente 70px, como que eu faço, para ir até a div so que 70px antes, seila algo assim?
      conseguiram entender?
       
    • Por micaelfis
      Boa noite a todos.
       
      Estou com a seguinte dúvida: Quero colocar no meu site, um menu retrátil (que só seja aberto quando o usuário passar o mouse sobre ele) e fixo no topo da página.
       
      Já consegui criar o menu retrátil, o problema é que quando eu tento deixá-lo fixo (usando o comando CSS position:fixed) ele "se desembrulha" quando o mouse passa pela região que deveria seria utilizada por ele (menu) só depois de expandido. Segue abaixo o código utilizado, ficarei muito grato aqueles que puderem me ajudar.
       
       
      <html> <head> <style> .clearfix:after {display:block; clear:both;} .menu {width:40px;margin:0px auto;position:absolute;top:-14px;left:-65px;} .menu li {margin:0px; white-space:nowrap; width:125px; list-style:none;} .menu > ul > li {float:left; display:inline-block; position:relative; font-size:16px;} .menu > ul > li > a {padding:10px 40px; display:inline-block;} .menu > ul > li:hover > a, .menu > ul > .current-item > a {background:"transparent";} .menu li:hover .sub-menu {z-index:1; opacity:1;} .sub-menu {width:140%;padding:5px 0px;position:absolute;top:100%;left:0px;z-index:-1;opacity:0;transition:opacity linear 0.15s;box-shadow:0px 2px 3px rgba(0,0,0,0.2);background:#00bcd4;} .sub-menu li {display:block;font-size:14px;} .sub-menu li a {padding:10px 30px;display:block;} .sub-menu li a:hover, .sub-menu .current-item a {background:#33C9DD;color:#FFFFFF;} </style> </head> <body> <!-- <div style='position:fixed'> --> <nav class='menu'> <ul class='clearfix'> <li> <a href='#'><b style='background:#99E4EE;'><img src='imagens/menu-20x20.png'/></b></a> <ul class='sub-menu'> <li><a href='link1.html' ><b>LINK 1</b></a></li> <li><a href='link2.html' ><b>LINK 2</b></a></li> <li><a href='link3.html' ><b>LINK 3</b></a></li> </ul> </li> </ul> </nav> <!-- </div> --> </body> </html>
×

Informação importante

Ao usar o fórum, você concorda com nossos Termos e condições.