tableau a place vers la gauche.

Eléphant du PHP | 157 Messages

27 juin 2016, 16:25

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>

Avatar du membre
Modérateur PHPfrance
Modérateur PHPfrance | 8759 Messages

27 juin 2016, 16:37

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.

@+
Il en faut peu pour être heureux ......

Eléphant du PHP | 157 Messages

28 juin 2016, 07:45

moogli ,
mallheureusement ca ne me reussi pas

Mammouth du PHP | 737 Messages

28 juin 2016, 10:43

+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
;)
Dyslexics are teople poo