allinemaento verticale dentro form

**PampaLeo** · 17-02-2012, 00:36

Salve a tutti,
devo riuscire a formattare un box sulla sx con dentro delle voci e delle caselle di select,
mi spiego meglio:

text fai scelta 1 xxxx <select... >
text fai scelta 2 xxxx <select...
ecc

dove xxx è una distanza fissa in modo che tutte le select sono allineate,

io ho provato così

codice:

<div class="box">
	<form action="carformprocess.php" method="post">
	<fieldset>
	<legend>
		<h2>Calcola le emissioni della tua auto:
</h2>
	</legend>	
	

<label for="marca">Quale auto possiedi:</label>
        <select id="sel_make" name="marca" >
		...... ...... 	
	 </select>
	</p>
	

<label for="modello">
	Quale modello:</label>
	<select id="sel_model" name="modello" ></select>
	</p>

Ma le select si allineano in base alla lunghezza del testo mentre le vorrei allineate,
qui c'è il codice dell css .box

codice:

 
{
	width:730px;
	margin: 5px;
	padding:0px;	
	border: 0px;
	background-color: rgb(219,224,229);
	left:0px;
}
form  p
{
margin: .6em 0 ;
padding:3px 0 5px 0;
}

fieldset {
	
	margin: 5px;
	width:730px;
	border: 0px;
}


legend {
	font-weight: bold;
	background: transparent;
	padding: 1px 0px 1px 1px;

}

label {
	width:140px;
	height:35px;
	line-height: 35px;	
	margin-right: 5px;	
	padding-left:6px;	
	background:trasparent;	
	float:left;
	display:block;	
	font-size: 105%;
	color:#333;
}

grazie per ogni consiglio,
spero nn sia una cosa difficile
leo

**Vincent.Zeno** · 17-02-2012, 00:56

ciao, il tag per postare codice è CODE, non HTML

la cosa non è facilmente gestibile in questo modo.
puoi usare contenitori div che manipopli come vuoi

**PampaLeo** · 17-02-2012, 00:59

Ciao grazie della pronta risposta e scusa se ho sbagliato <tag> per il codice,
comunque la soluzione che ho affronatato l'ho presa du un sito sono a perto a qualsiasi prorposta ho provato con i div ma mi impazzisce il box di sfondo, e un tasto button che più sotto e quindi ho provato così...se hai anche dei link da consigliarmi...

**Vincent.Zeno** · 17-02-2012, 01:02

link non ne ho ma magari, se ci fai vedere l'esempio originale, vediamo se c'è altro che non hai detto

ami la violenza? caccia tutto in un tabella!

**PampaLeo** · 17-02-2012, 01:35

le parti di codice html essenziali sono quelle le altre sono if annidate che controllano i valori che vengono passati in get su questa pagina, sono praticamente 3 select dinamiche interrogano in database, comunque mi sa tanto che punterò alle tabelle per fare prima.

grazie lo stesso

codice:

<?php
	
	require_once("config.php");
	
	$conn = mysql_connect (SQL_HOST, SQL_USER, SQL_PASS) 
				or die ("Impossibile connettersi al database".mysql_error());
	mysql_select_db(SQL_DB, $conn);

?>
<html>
<head>
		
		<title>Prova</title>
		
		<link rel="stylesheet" href="style.css" />
		<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1" />
</script>
		
</head>


<body>
	<div id="Header">
	<h1>Prova</h1>
	</div>

	
	
	<div class="box">
	<form action="carformprocess.php" method="post">
	<fieldset>
	<legend>
		<h2>Calcola le emissioni della tua auto:
</h2>
	</legend>	
<?php 
	//Controllo il carburante
	if(!isset($_GET['id_car']))
	{
		//Controllo se è stata scelta una marca	
		if(!isset($_GET['model']))
		{
			//controllo se è stato scelto il modello
			if(!isset($_GET['maker']) )
			{
				//Se non è stato inserito il modello tutto deve essere non selezionabile ad eccezione della marca
?>
				

<label for="marca">
						Quale auto possiedi:</label>
						<select id="sel_make" name="marca" onChange="v=this[this.selectedIndex].value;location.href='co2index.php?maker='+v">>
							<option value="no">Scegli...</option>
							<?php
							$sql = "SELECT * FROM cars GROUP BY c_make ";
							$res = mysql_query($sql,$conn);
				 
							while($row = mysql_fetch_array($res))
							{	
								echo '<option value="' . $row['c_id'] . '">' . $row['c_make'] . '</option>';
							}
							?>
								
						</select>
				</p>
				

<label for="modello">
						Quale modello:</label>
						<select id="sel_model" name="modello" ><option value="no">Scegli...</option>
						</select>
				</p>
				

<label for="fuel">
						Tipo di carburante:</label>
						<select id="sel_fuel" name="fuel" ><option value="no">Scegli...</option>
						</select>
				</p>
				
<?php
			}

Discussione: allinemaento verticale dentro form

Strumenti discussione

Ricerca discussione

Visualizza

allinemaento verticale dentro form

Permessi di invio