Forum d'entraide PHPFrance

Salut a tous,
j'ai un probleme avec un tableau qui me menace et j'aimerai le deplace presentement il est comme sous ce lien
http://www.bilder-upload.eu/show.php?fi ... 037361.png
j'aimerai que cela soit place comme sous le lien suivant
http://www.bilder-upload.eu/show.php?fi ... 037452.png

merci bien de vos propositions

je vous poste mon code php

<?php

require_once("connection.php");

if (isset($_POST["motCle"])){

	$motCle = $_POST["motCle"];
	$req = $dbConnect->query("SELECT * FROM produit WHERE designation LIKE '%$motCle%'");

}

elseif (isset($_GET["idCat"])) {

	$idCat = $_GET["idCat"];

	$req = $dbConnect->query("SELECT * FROM produit WHERE code_cat='$idCat'");

}



else {

	$req = $dbConnect->query("SELECT * FROM produit");

}


?>

<div id="produits">

<?php

while($prod=$req->fetch_assoc()) {

	?>

	<div id="produit">
		<form method="post" action="formular.php">
		<table>

 			<tr>

				<td><a>Pos.Nr. / Kantt-Nr.</a></td>
				<td><input type="text" name="posnr_kanttnr" size="60" required="required"></td>

			</tr>

			<tr>

				<td><a>Bezeichnung:</a></td>
				<td><input type="text" name="bezeichnung" size="60" required="required"></td>

			</tr>

			<tr>

				<td><a>Farbe:</a></td>
				<td><input type="text" name="farbe" size="60" required="required"></td>

			</tr>

			<tr>
				<td><a>Anzahl x Länge:</a></td>
				<td><input type="text" name="anzahl_laenge" size="60" required="required"></td>

			</tr>

			<tr>
				<td><a>Bemerkung:</a></td>
				<td><input type="text" name="bemerkung" size="60" required="required"></td>

			</tr>

			<tr>

				<td></td><td><input type="submit" name="produit_erstellen" value="Speichern"></td>

			</tr>


			<tr>
				<td></td>
				<td rowspan="1" align="center"><img src="images/<?php echo $prod['photo']?>"></td>

			</tr>

			

			<tr>

				<td><h3>Designation:</h3></td><td width="100px"><h3><?php echo $prod['designation']?></h3></td>

			</tr>
         
			<tr>
				<td><a>a</a></td>
				<td><input type="text" name="a" size="4"  required="required" ></td>
				
                <td><a>b</a></td>
				<td><input type="text" name="b" size="4"  required="required"></td>
			

			<tr>
				<td><a>c</a></td>
				<td><input type="text" name="c" size="4"  required="required"></td>
				
                <td><a>d</a></td>
				<td><input type="text" name="d" size="4"  required="required"></td>
			</tr>

			<tr>
				<td><a>e</a></td>
				<td><input type="text" name="e" size="4" required="required"></td>
				
                <td><a>f</a></td>
				<td><input type="text" name="f" size="4" required="required"></td>
			</tr>
			
			<tr>
				<td><a>g</a></td>
				<td><input type="text" name="g" size="4" required="required"></td>
				
                <td><a>alpha</a></td>
				<td><input type="text" name="alpha" size="4" required="required"></td>
			</tr>
						
			<tr>
				<td colspan="4" align="right">
					<div id="formPanier">
						<form method="post" action="addCaddie.php" id="form2">
						     
							<input type="text" name="quantite" size="8" value="1" />
							
							<input type="image" src="images/panier50.jpg" value="submit"/>
						</form>
					</div>
				</td>
			</tr>
		</table>

		<input type="hidden" name="idCat" value="<?php echo $idCat; ?>">
		</form>
	</div>
<?php

}

?>

</div>

salut,

la mise en page avec des tableaux n'est pas des plus recommandées.
Il préférable de faire cela en CSS, qui est plus pratique et fait pour cela.

le plus simple avec la structure actuelle est peut être d'ajouter une colonne derrière celle qui a la colspan=4.

Utiliser d'autres éléments du dom, comme les div, les span et des css est une meilleur solution.

@+

moogli ,
mallheureusement ca ne me reussi pas

+1 avec moogli.

Maintenant si tu veux rester en mode table défini les largeurs de tes td, un coup de text-align:left et le tour est joué.
Tu peux même refaire un table dans ton td mais encore une fois en terme de bonnes pratiques ce n'est pas l'idéal...

Mega