Ciao a tutti; sto provando per la prima volta in remoto una pagina costruita con i css e mi accorgo di differenze sostanziali...
In particolare questa porzione di codice:
In particolare il tag <legend> perde la formattazione {width:235px;}codice:<style type="text/css"> #login fieldset{padding: 0;} #login legend {border:solid 2px #900; width:235px;} #login ul {list-style:none; margin-top:0; padding-left:0; padding-top:0;} #login label {display:inline-block; width:70px;} #login li {padding: 0.5em; border: 3px #0c6 solid; border-top: 0;} #login ul li:first-child {border-top: 3px #0c6 solid;} #login input {width:130px;} </style> </head> <body> <div id="left"> <div id="login"> <form method="post" action="go.php"> <fieldset> <legend>Acesso area riservata? Acesso area riservata! Acesso area riservata? Acesso area riservata! </legend> <ul>[*] <label for="Username">Username</label> <input type="text" name="username" /> [*] <label for="Password">Password</label> <input type="text" name="password" /> [/list] </fieldset> </form> </div> </div>
risultando tutto scritto su una sola riga e il testo va quindi a scomparire sotto altri elementi grafici della pagina;
i tag[*] perdono {padding: 0.5em;} risultando molto distanziati dal bordo
Rispondi quotando