width pulsante

[michelepi]

La larghezza del pulsante non viene presa dal #Invia ma dal #content input,textarea,select
quindi rimane di 180 anzichè 80
Che sbaglio?

div#content  label{
    float: left;
    text-align: left;
    width: 120px;
    font-weight: bold;
    /*margin: 0;*/
    padding-left: 55px;
    background: Aqua;
}
div#content input, textarea, select{
width: 180px;
margin-bottom: 5px;
}
#Invia{
[COLOR=red]width: 80px;[/COLOR] 
margin-top: 5px;
border: 1px solid white;
background-image: url(p.gif);
}
div#content br{
clear: left;
}label{ 

Questo il codice della pagina

<div id="content">
<?php include("../menu/centro_puntosito.php"); ?>

<form name="uno" method="post" action="">
<fieldset><legend>Inserimento Giornaliero</legend>
<label>Cliente</label> <select name="mesenoleggio">
                    <option>-</option>                 
                  </select>  </br>

<label>Data</label><input type="text"></br>
<label>Durata</label><input type="text"></br>
<input  name="Invia"  id="Invia" type="submit" value="Invia1">
    
</fieldset>
</form>
</div>

[gengix]

Prova a scrivere così:

div#content #Invia{
width: 80px;
margin-top: 5px;
border: 1px solid white;
background-image: url(p.gif);
}

[michelepi]

Funzionaaaaaaaaaaaaaaaaaaaaaaaa

Se hai tempo mi spieghi perchè?

Io avevo provato anche con una classe associato al pulsante ma niente.


grazie

ciao

[gengix]

Per un discorso di specificità e peso dei selettori.

http://css.html.it/guide/lezione/27/...ti-tra-stili/.

div#content input ha una specificità maggiore rispetto a #Invia essendo quest'ultimo un Input, di conseguenza la larghezza di Invia sarà 180px.
Invece div#content #Invia ha un peso maggiore rispetto a div#content input di conseguenza vinceranno le regole del primo.