Pagina 1 di 2 1 2 ultimoultimo
Visualizzazione dei risultati da 1 a 10 su 12
  1. #1

    Problemi Bottone Form in XHTML

    Salve a tutti,
    ho dei problemi un un form (di un sondaggio) in Xhtml (<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">).
    In partica il bottone per votare non viene visualizzato, ma appare solo la scritta del parametro Value.

    Ecco il codice della tabella con il form:
    <div id="introduction">
    <form method="post" action="" target="_blank">
    <table border=0 width=180 bgcolor=#EEEEEE cellspacing=0 cellpadding=2>
    <tr><td colspan=1 class="sondaggio"><font face="Arial" ize=1><center>Songaggio</center></font></td></tr>
    <tr align="left"><td>
    <input type=radio name=answer value=1 />
    <font face="Arial" size=-1 color="#000000">opzione</font>


    [...]
    <tr><td colspan=1><input type="hidden" name="config" value=""><center><input type="submit" value="-->VOTA<--" />
    <input type="submit" name="view" value="-->Vedi Risultati<--" /></center></td></tr>
    </table>
    </form>
    </div>

    Qui riporto anche il css relativo alla tabella con il form:
    #introduction{
    float:right;
    width:180px;
    padding:0px 0px;
    margin:20px 0 20px 20px;
    background: url(images/menu.gif) no-repeat;
    text-align:center;
    line-height:1.5em;
    color:#999999;
    font-size:1.0em;
    font-family:"Lucida Grande","Lucida Sans Unicode",arial,sans-serif;
    letter-spacing:0px;
    }

    #introduction ul, #introduction li {
    text-align:center;
    list-style: none;
    margin: 0;
    padding: 0;
    }

    #introduction a {
    border-bottom: none;
    color:#999999;
    }

    #introduction h3{
    text-align: center;
    position:static;
    }

    #introduction a:link, a:visited{
    color:#999999;
    }

    #introduction a:hover, a:active{
    color:#5B8FBE;
    }

    #introduction table, tr, td{
    border: 1px solid #000000;
    color: #000000;
    background-color: #F3F3F3;
    font-family: "Trebuchet MS", Verdana, Arial, Tahoma;
    }

    Ho provato in tutti i modi... come ma il classico disegnino del bottone rettangolare non viene visualizzato?

    Grazie in anticipo a chiunque voglia aiutarmi.

  2. #2
    occhio, forse è per questo:

    codice:
    <tr><td colspan=1><input type="hidden" name="config" value="">
    <center><input type="submit" value="-->VOTA<--" />
    
    <input type="submit" name="view" value="-->Vedi Risultati<--" />
    </center></td></tr>
    ciaux

  3. #3
    Ciao, grazie!
    Ho provato ma purtroppo anche senza continua a non apparire il bottone...

  4. #4
    io lo vedo, questo è il codice che hai postato:
    Immagini allegate Immagini allegate

  5. #5
    io lo vedo solo in dreamweaver... in locale ed online non appare...
    non può dipendare dall'Xhtml?

  6. #6
    La struttura XHTML di quel form non è valida (e nemmeno semantica). Non si può pretendere che tutto funzioni se alla base ci sono degli errori. Vediamo di risolverli.

    Ogni documento web dovrebbe essere progettato in due tempi: prima occorre definire la struttura di markup, poi la si veste, con i CSS.

    La struttura di markup di un form XHTML valido e, soprattutto, semantico e accessibile potrebbe essere la seguente:

    codice:
    <form action="script.php" method="post">
       <fieldset><legend>Sondaggio</legend>
          
          
    
    
             Secondo voi di che colore è il 
             cavallo bianco di Napoleone?
          </p>
    
          <ul>[*]
                <input id="risposta_1" name="risposta" type="radio" /> 
                <label for="risposta_1">Verde</label>
             [*]
                <input id="risposta_2" name="risposta" type="radio" /> 
                <label for="risposta_2">Bianco</label>
             [*]
                <input id="risposta_3" name="risposta" type="radio" /> 
                <label for="risposta_3">Rosso</label>
             [/list]
    
          <input type="submit" value="Invia risposta" /> | 
          Visualizza i risultati
    
       </fieldset>
    </form>
    Da qui, poi, si può procedere alla parte visiva, applicando i CSS.

  7. #7
    L'idea di applicare una lista agli elementi di un form è bella (e soprattutto valida), però come al solito ti dimentichi che chi sta scrivendo non usa i CSS per la formattazione del fom. Applicando i CSS senza sapere in anticipo che ci saranno delle difficoltà nella formattazione da te proposta (per via delle differenze fra browser) complica il suo problema, che tra l'altro è un altro.

  8. #8
    Originariamente inviato da thomas_anderson
    L'idea di applicare una lista agli elementi di un form è bella (e soprattutto valida), però come al solito ti dimentichi che chi sta scrivendo non usa i CSS per la formattazione del fom. Applicando i CSS senza sapere in anticipo che ci saranno delle difficoltà nella formattazione da te proposta (per via delle differenze fra browser) complica il suo problema, che tra l'altro è un altro.
    Ma sì che utilizza i CSS, non vedi nel primo post? E comunque siamo qua apposta: per qualsiasi problema siamo disposti a dargli una mano.

    P.S. Complimenti per la guida XHTML: me la sono stampata e stasera me la spulcio. Anche io sto preparando una cosetta, che forse sarà pronta in pochi giorni.

  9. #9
    Sono contento che ti sia piaciuta. per i form sto sperimentando vertical-align. buoni risultati in FF e IE, pessimi in Opera.

  10. #10
    Originariamente inviato da umbl
    io lo vedo solo in dreamweaver... in locale ed online non appare...
    non può dipendare dall'Xhtml?
    io lo vedo correttamente anche offline con tutti i brw

    ps
    ho saltato a pié pari il commento/romanzina di pierofix, tanto so cosa ti ha risposto, senza leggerlo...

    vedi tu adesso come procedere, se sistemare il tuo codice o riaffrontare il problema con la correttezza semantica che sicuramente ha mensionato...
    (rassegnati ha sicuramente ragione)

    ciaux

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.