Ir para conteúdo

Arquivado

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

fgodoy

Problema com CSS / Input File

Recommended Posts

Há essa parte em HTML que faz o Upload de arquivo/foto e abaixo estará o código do CSS, além de uma imagem, demonstrando como o primeiro input fica maior e diferente dos outros input's.

<tr>
            <td><td>
                <input id="fakeupload" value="Selecione a foto" name="fakeupload" class="fakeupload" type="text" disabled="disabled" />
                <input id="txtfoto" name="txtfoto" class="txtfoto" type="file" onchange="this.form.fakeupload.value = this.value;" />
            </td></td>
        </tr>
        <tr>
            <td><td>
                <input id="fakeupload2" value="Selecione a foto" name="fakeupload2" class="fakeupload2" type="text" disabled="disabled" />
                <input id="txtfoto2" name="txtfoto2" class="txtfoto2" type="file" onchange="this.form.fakeupload2.value = this.value;" />
            </td></td>
        </tr>
        <tr>
            <td><td>
                <input id="fakeupload3" value="Selecione a foto" name="fakeupload3" class="fakeupload3" type="text" disabled="disabled" />
                <input id="txtfoto3" name="txtfoto3" class="txtfoto3" type="file" onchange="this.form.fakeupload3.value = this.value;" />
            </td></td>
        </tr>
        <tr>
            <td><td>
                <input id="fakeupload4" value="Selecione a foto" name="fakeupload4" class="fakeupload4" type="text" disabled="disabled" />
                <input id="txtfoto4" name="txtfoto4" class="txtfoto4" type="file" onchange="this.form.fakeupload4.value = this.value;" />
            </td></td>
        </tr>
        <tr>
            <td><td>
                <input id="fakeupload5" value="Selecione a foto" name="fakeupload5" class="fakeupload5" type="text" disabled="disabled" />
                <input id="txtfoto5" name="txtfoto5" class="txtfoto5" type="file" onchange="this.form.fakeupload5.value = this.value;" />
            </td></td>
        </tr>
        

CSS:

input.fakeupload, input.fakeupload2
input.fakeupload3, input.fakeupload4
input.fakeupload5{

    font-size: 15px;
    padding-left: 1px;
    padding-top: 1px;
    padding-bottom: 1px;
    margin-left: 1px;
    height: 22px;
    vertical-align: middle;
}

.fakeupload, .fakeupload2, .fakeupload3,
.fakeupload4, .fakeupload5{
    width: 64%;
    cursor: default;
}


.txtfoto, .txtfoto2, .txtfoto3, .txtfoto4, .txtfoto5 {
    position: relative;
    float: right;
    top: -23px;
    right: 36%;
    opacity:0;
    -moz-opacity:0;
    filter:alpha(opacity:0);
}

jipbgl.jpgComo na imagem acima, o primeiro input, percebe-se a diferença diretamente no texto, que está maior que os outros.

Creio que seja fácil de arrumar este erro, para alguém com maior conhecimento que eu!

Compartilhar este post


Link para o post
Compartilhar em outros sites

×

Informação importante

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