Visualizzazione dei risultati da 1 a 2 su 2
  1. #1
    Utente di HTML.it
    Registrato dal
    Dec 2014
    Messaggi
    2

    Come si impostano le caratteristiche ESCLUSIVAMENTE per l'input text??

    Questa è la pagina nella quale richiamo il codice css:
    codice HTML:
    <form name="prova" action="pagina.php" method="POST">
                <div id="centrato">
                    <hr>
                    <label><b>Nome e Cognome</b></label>
                    <input type="text" maxlength="250" name="nome_cognome">
                    <br>
                    <label><b>Qualifica</b></label>
                    <input type="text" maxlength="250" name="qualifica">
                    <br>
                    <label><b>Sede</b></label>
                    <select name="sede">
                       <option value="">Seleziona</option>
                       <option value="opt1">Opzione1</option>
                       <option value="opt2">Opzione2</option>
                       <option value="opt3">Opzione3</option>
                    </select> 
                    <br>
                    <label><b>Tel</b></label>
                    <input type="text" maxlength="250" name="telefono">
                    <br>
                    <label><b>E-mail</b></label>
                    <input type="text" maxlength="250" name="email">
                    <br>
    Questa è il codice della pagina css:
    codice:
    body{
        background-color:white;
        color:black;
        font:18px Verdana, Arial;
    }
    img{
        float:left;
        vertical-align:middle;
        margin-right:2em;
    }
    body,p{
        margin:1em;
    }
    h3{
        text-align:center;
    }
    label{
        float:left;
        font-size:15px;
    }
    input.checkbox{
        float:left;
        width: 5px;
        height: 5px;
    }
    input.submit{
        float:center;
        width: 10%;
        height: 10%;
        margin-left:45%;
        margin-right:45%;
    }
    input.text{
        width: 40%;
        height: 10%;
        overflow: hidden;
        background: right #ddd;
        border: 1px solid #ccc;
        float:right;
    }
    select,textarea{
        width: 40%;
        height: 10%;
        overflow: hidden;
        background: right #ddd;
        border: 1px solid #ccc;
        float:right;
    }
    div#centrato{
        margin-top:25px;
        margin-left:10%;
        margin-right:10%;
        width:80%;
    }
    a:link    {text-decoration: none; color: white;}
    a:visited {text-decoration: none; color: pink;}
    a:hover   {color: black;}
    Il problema sta nell' "input.text", nell' "input.checkbox" e nell' "input.submit",
    nel senso che non prendono le caratteristiche che gli imposto da css.
    Se metto solo input funziona ma input.text no!Avete idea del perchè?

    Che cosa sbaglio? non riesco davvero a capire, vi prego aiutatemi.

  2. #2
    Utente di HTML.it
    Registrato dal
    Sep 2001
    Messaggi
    21,188
    Anzitutto e` sconsigliabile di avere oggetti diversi con lo stesso nome.
    Il tuo CSS suppone che ci sia un tag del tipo:
    <input type="submit" class="submit"> ...</input> ecc
    dove usi la parola-chiave submit come nome della classe.

    Con i CSS si puo` selezionare solo un tag con un particolare attributo (v. ad es. http://www.w3schools.com/cssref/css_selectors.asp ):
    input [type=text] { ... }
    (che funziona solo nei browser relativamente recenti)
    Nuova politica di maggiore severita` sui titoli delle discussioni: (ri)leggete il regolamento
    No domande tecniche in messaggi privati

Permessi di invio

  • Non puoi inserire discussioni
  • Non puoi inserire repliche
  • Non puoi inserire allegati
  • Non puoi modificare i tuoi messaggi
  •  
Powered by vBulletin® Version 4.2.1
Copyright © 2025 vBulletin Solutions, Inc. All rights reserved.