textarea

**giugiu92** · 16-07-2014, 13:49

ciao a tutti, devo realizzare una textarea tipo questa, sapete come fare? questa l'ho fatta utilizzando <hr> impostando margin-bottom negativo per sovrapporre i bordi di combobox e textarea ma volevo sapere se si può integrare tutto in una textarea
Cattura1.JPG

**Vincent.Zeno** · 16-07-2014, 15:54

se per integrare intendi mettere la combo nella textarea... no, non si può fare.

quale sarebbe il tuo obbiettivo?

**giugiu92** · 16-07-2014, 16:33

creare un blocco unico tipo quello che ho messo in allegato nel primo messaggio, il problema è che il modo che ho spiegato sopra non va bene perché cambiando browser cambiano le distanze tra combo e textarea. in alternativa se non si può fare con la combo , sai come si fa la textarea tipo quella della posta outlook che ho allegato? con la sezione per oggetto e per il messaggio nello stesso riquadro?Cattura2.JPG

**Vincent.Zeno** · 16-07-2014, 16:46

una cosa alla volta...

se il problema è la visualizzazione su browser differenti è una cosa che si rimedia.

nel secondo post si parla di un editor online di tipo tinymce
se vuoi affrontare questo argomento apri un post apposito

a cosa vuoi lavorare?

**giugiu92** · 16-07-2014, 23:39

non è per lavoro, seguo un videocorso in cui viene fatta la textarea di seguito alla combobox e ho pensato a quella grafica per abbellirla.
non ho capito come fare a risolvere il problema di visualizzazione su browser differenti tu sai come fare?

**Vincent.Zeno** · 16-07-2014, 23:53

posta il codice che hai già scritto (che sia per lavoro o meno)

**giugiu92** · 17-07-2014, 00:40

codice:

<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>Documento senza titolo</title>


<style type="text/css">


.combo{
     width: 430px;
     
     
    }
textarea { 
   color: #9F9F9F;
  
    font-family: Verdana, sans-serif; 
    margin: 5px 0; 
}


.combobr{
    visibility:hidden; 
    margin-bottom:-42px;
    height:2px;
    }


</style>


</head>


 <form action="doc.php" method="post" name="post">
<p>
       
         
       
           <select name="combo" class="combo">
         <option value="uno">uno</option>
         <option value="due">due</option>
       </select>
       
       </p>
       <hr class="combobr" />
        <p>
    <textarea name="testo" rows="7" cols="60">testo</textarea>
<input type="submit" name ="ok" value="ok" id="ok"/></p>


    </form>
       


<body>
</body>
</html>

**Vincent.Zeno** · 17-07-2014, 01:14

uno spunto su cui lavorare:

(ricorda che i contenuti devono stare dentro al tag body)

codice:

CSS

select, textarea, input, form {
    margin:0;
}
form {
    width: 502px;
    /* border:1px black solid; */
}
.combo{
     width: 500px;
}
textarea {
    width:497px
}



HTML

<form action="doc.php" method="post" name="post">
    <select name="combo" class="combo">
        <option value="uno">uno</option>
        <option value="due">due</option>
    </select><br />
    <textarea name="testo" rows="7"  >testo</textarea><br />
    <input type="submit" name ="ok" value="ok" id="ok"/>
</form>

**giugiu92** · 19-07-2014, 14:12

grande funziona!! grazie1000^.^

Discussione: textarea

Strumenti discussione

Ricerca discussione

Visualizza

textarea

Permessi di invio