Tamanho

[cesarhtc 0]

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

 

 

<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;
                
                 }

[GabrielFerrari 41]

Como você preenche esse espaço quando ele tem valor?

[cesarhtc 0]

com data  00/00/0000, provisoriamente coloquei conforme esta na imagem para manter a moldura de dentro.

[GabrielFerrari 41]

Mas quando receber o valor? Ele atualiza após uma requisição Ajax?

[João Assef 1]

Você que deixar o o input em branco com o tamanho de 10 caracteres é isso?

 

Se sim, veja o seu width esta com 15%, coloca em pixel.  

[cesarhtc 0]

Não funcionou. 

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

[Maujor 144]

Na CSS:

Altere width: 15% para: min-width: 55pt;
Acrescente: min-height: 10pt;
Acrescente:  display: inline-block;