Visualizzazione dei risultati da 1 a 5 su 5
  1. #1
    Utente di HTML.it L'avatar di erialo
    Registrato dal
    Mar 2011
    Messaggi
    21

    input box sulla stessa riga

    Ciao ragazzi
    sono alle prime armi con i fogli di stile e no riesco a scrivere il css adatto ad allineare due input text
    codice:
          <tr>
            <span class="opt1 opt2 opt3">Nome <input name="nome" type="text" placeholder="Nome" id="nome" maxlength="20" value="<?php echo $nome;?>"></span>
    
            </tr>
          <tr>
           <span class="opt1 opt2 opt3">Cognome <input type="text" placeholder="Cognome" name="cognome" id="cognome" maxlength="20" value="<?php echo $cognome;?>" /></span>
     
         </tr>
    Mi serve che stiano sulla stessa riga...

  2. #2
    Utente di HTML.it
    Registrato dal
    Sep 2001
    Messaggi
    21,188
    Mi sa che stai sbagliando marcatura.

    I tag <tr> servono per definire una riga in una tabella. Nel tuo caso non servono (anzi sono contrari a quello che chiedi).

    Probabilmente la marcatura corretta e` del tipo:
    codice:
    <form ....>
        <fieldset>Nome <input name="nome" id="nome" ... /></fieldset>
        <fieldset>Cognome <input name="cognome" id="cognome" ... /></fieldset>
        ...
    </form>
    A cui corrisponde un CSS del tipo:
    codice:
    form {
      ...
    }
    fieldset {
      display: block;
      float: left;
      width: ....; /* se serve */
      ...
    }
    Nuova politica di maggiore severita` sui titoli delle discussioni: (ri)leggete il regolamento
    No domande tecniche in messaggi privati

  3. #3
    Utente di HTML.it L'avatar di erialo
    Registrato dal
    Mar 2011
    Messaggi
    21

    input box sulla stessa riga

    Quote Originariamente inviata da Mich_ Visualizza il messaggio
    Mi sa che stai sbagliando marcatura.

    I tag <tr> servono per definire una riga in una tabella. Nel tuo caso non servono (anzi sono contrari a quello che chiedi).

    Probabilmente la marcatura corretta e` del tipo:
    codice:
    <form ....>
        <fieldset>Nome <input name="nome" id="nome" ... /></fieldset>
        <fieldset>Cognome <input name="cognome" id="cognome" ... /></fieldset>
        ...
    </form>
    A cui corrisponde un CSS del tipo:
    codice:
    form {
      ...
    }
    fieldset {
      display: block;
      float: left;
      width: ....; /* se serve */
      ...
    }
    Ciao
    grazie per avermi risposto!
    ho sostituito il tag <fieldset> ma non va... forse devo farti leggere maggior codice e spiegare meglio il mio problema.
    Ho due radio button "socio" e "contribuente"
    Se spunto "socio" devo visualizzare le textbox "nome" e "cognome" sulla stessa riga, se invece spunto "contribuente devo vusualizzare "nome" e "cognome" sulla stessa riga e sulla riga successiva la texbox "denominazione".

    codice:
    ...
    <label>In qualità di</br></label>
    <input id="opzione1" type="radio" checked="checked" name="tipo" value="0" <?php if(isset($_GET['tipo']) && $_GET['tipo'] == "0") echo 'checked="checked"'; ?> />
    <label for="opzione1">Socio ordinario</label>
    <input id="opzione2" type="radio" name="tipo" value="1" <?php if(isset($_GET['tipo']) && $_GET['tipo'] == "1") echo 'checked="checked"'; ?> />
    <label for="opzione2">Contribuente </label>
    
    <span class="opt1 opt2 opt3">Il/La sottoscritto/a <input name="nome" type="text" placeholder="Nome" id="nome" maxlength="20" value="<?php echo $nome;?>"></span>
    <span class="opt1 opt2 opt3"><input type="text" placeholder="Cognome" name="cognome" id="cognome" maxlength="20" value="<?php echo $cognome;?>" /></span>
    <span class="opt2">Nome azienda: <input type="text" placeholder="Nome azienda" name="denominazione" id="denominazione" maxlength="100" value="<?php echo $denominazione;?>" /></span>
    
    ...
    E per la visualizzazione "ad esclusione" delle textbox ho usato il css
    codice:
    span.opt2 {
        display: none;
    }
    
    span.opt3 {
        display: none;
    }
    
    span.opt4 {
        display: none;
    }
    
    span.opt5 {
        display: none;
    }
    
    #opzione1:checked ~ span.opt1,
    #opzione1:checked ~ span.opt3,
    #opzione1:checked ~ span.opt5,
    #opzione2:checked ~ span.opt2,
    #opzione2:checked ~ span.opt4 {
        display: block;
    }

    Come sistemo???

  4. #4
    Utente di HTML.it L'avatar di erialo
    Registrato dal
    Mar 2011
    Messaggi
    21

    input box sulla stessa riga

    Ragazzi lo so che non avete tempo da perdere...
    ma dareste un'occhiata al codice e mi suggerireste il css o un link utile per allineare i vari campi?
    Mi servirebbe sistemare il form in modo che NOME e COGNOME stiano sulla stessa linea,
    alla successiva ci stiano NATO A, IL etc...
    Come possso fare?

    Grazie in anticipo

    Quote Originariamente inviata da erialo Visualizza il messaggio
    Ciao
    grazie per avermi risposto!
    ho sostituito il tag <fieldset> ma non va... forse devo farti leggere maggior codice e spiegare meglio il mio problema.
    Ho due radio button "socio" e "contribuente"
    Se spunto "socio" devo visualizzare le textbox "nome" e "cognome" sulla stessa riga, se invece spunto "contribuente devo vusualizzare "nome" e "cognome" sulla stessa riga e sulla riga successiva la texbox "denominazione".

    codice:
    ...
    <label>In qualità di</br></label>
    <input id="opzione1" type="radio" checked="checked" name="tipo" value="0" <?php if(isset($_GET['tipo']) && $_GET['tipo'] == "0") echo 'checked="checked"'; ?> />
    <label for="opzione1">Socio ordinario</label>
    <input id="opzione2" type="radio" name="tipo" value="1" <?php if(isset($_GET['tipo']) && $_GET['tipo'] == "1") echo 'checked="checked"'; ?> />
    <label for="opzione2">Contribuente </label>
    
    <span class="opt1 opt2 opt3">Il/La sottoscritto/a <input name="nome" type="text" placeholder="Nome" id="nome" maxlength="20" value="<?php echo $nome;?>"></span>
    <span class="opt1 opt2 opt3"><input type="text" placeholder="Cognome" name="cognome" id="cognome" maxlength="20" value="<?php echo $cognome;?>" /></span>
    <span class="opt2">Nome azienda: <input type="text" placeholder="Nome azienda" name="denominazione" id="denominazione" maxlength="100" value="<?php echo $denominazione;?>" /></span>
    
    ...
    E per la visualizzazione "ad esclusione" delle textbox ho usato il css
    codice:
    span.opt2 {
        display: none;
    }
    
    span.opt3 {
        display: none;
    }
    
    span.opt4 {
        display: none;
    }
    
    span.opt5 {
        display: none;
    }
    
    #opzione1:checked ~ span.opt1,
    #opzione1:checked ~ span.opt3,
    #opzione1:checked ~ span.opt5,
    #opzione2:checked ~ span.opt2,
    #opzione2:checked ~ span.opt4 {
        display: block;
    }

    Come sistemo???

  5. #5
    Utente di HTML.it
    Registrato dal
    Sep 2001
    Messaggi
    21,188
    Provo a riassumere per come ho capito.

    Anzitutto i problemi sono due, e vanno affrontati in momenti diversi.

    1. sistemare il layout del form
    2. far visualizzare/nascondere degli elementi del form in base ad un evento

    1 si realizza con i CSS; 2 si realizza tramite JS.

    Ti consiglio di fare le cose nell'ordine. Prima 1 e poi 2.

    Poi alcune note.
    1. In questo forum è inutile (e controproducente) postare il codice PHP/ASP. Occorre avere il codice come arriva al browser.
    2. Non conosco il tag </br>. Comunque se devi usare un <br /> per far andare a capo un elemento, probabilmente hai sbagliato a formattare.
    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.