Visualizzazione dei risultati da 1 a 3 su 3
  1. #1
    Utente di HTML.it
    Registrato dal
    Jun 2009
    Messaggi
    62

    Distanza radio buttons e label

    Come da titolo ragazzi, non riesco ad accorciare la distanza che si trova tra i radio buttons e i label associati di un form che ho piazzato in una tabella.
    Nel codice allegato una pagina d'esempio.

    Ne word-spacing, word-spacings, o width dell'elemento td fissato sembrano funzionare.

    Aiuto!

    codice:
    <!DOCTYPE HTML>
    
    <html xmlns="http://www.w3.org/1999/xhtml" lang="en" xml:lang="en"> 
    
    <head> 
    	<meta http-equiv="Content-Type" content="text/html; charset=utf-8"> 
    	<title>Prova</title>
    
    <style type="text/css">
    .radio_td
    {
    	font-size:20px;
    	font-family:Verdana;
    }
    
    .radio_input
    {
    }
    
    .radio_label
    {
    }
    </style>
    
    </head>
    
    <form name="war_creation_form" action="frufru.php" method="post">
    <table id="war_creation_table">
    <tr><td colspan="10" class="normal_td" style="padding-top:8px">Players</td></tr>
    <tr>
        <td class="normal_td" class="radio_td"><input id="war_creation_players_input2" class="radio_input" name="war_creation_players_input" type="radio" value="2" /><label class="radio_label" for="war_creation_players_input2">2</label></td>
        <td class="normal_td" class="radio_td"><input id="war_creation_players_input3" class="radio_input" name="war_creation_players_input" type="radio" value="3" /><label class="radio_label" for="war_creation_players_input3">3</label></td>
        <td class="normal_td" class="radio_td"><input id="war_creation_players_input4" class="radio_input" name="war_creation_players_input" type="radio" value="4" /><label class="radio_label" for="war_creation_players_input4">4</label></td>
        <td class="normal_td" class="radio_td"><input id="war_creation_players_input5" class="radio_input" name="war_creation_players_input" type="radio" value="5" /><label class="radio_label" for="war_creation_players_input5">5</label></td>
        <td class="normal_td" class="radio_td"><input id="war_creation_players_input6" class="radio_input" name="war_creation_players_input" type="radio" value="6" checked="checked" /><label class="radio_label" for="war_creation_players_input6">6</label></td>
    </tr>
    </table>
    </form>
    </html>

  2. #2
    Utente di HTML.it
    Registrato dal
    Sep 2001
    Messaggi
    21,188
    Potrebbero esserci dei margin o padding di default nel tuo browser.
    Prova ad annullarli tutti, ad esempio mediante:
    codice:
    * {
      padding :0;
      margin: 0;
      border: 0;
    }
    da inserire all'inizio del CSS.
    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
    Registrato dal
    Jun 2009
    Messaggi
    62
    Ci hai preso, grande!
    Grazie mille.

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 © 2026 vBulletin Solutions, Inc. All rights reserved.