soucis pour paramétrer un tableau html

Recherche :

Mot : Pseudo : Filtrer
Bas de page
Auteur	Sujet : soucis pour paramétrer un tableau html

sonaca

bonjour a tous

j ai un soucis avec les dimensions de mon tableau et également avec la fusion des cellules
je souhaiterais par exemple
que les premières colonnes des lignes de 3 a 7 et de 10 a 13 soient plus larges
j ai essaye avec des dimensions , du pourcentage , des fusions mais rien ne fonctionnent
je vous joins mon code

merci de l aide

Code :

<html>
<head>
</head>
<body>
<table border="5" width="690">
<tbody>
<tr width="690">
<td bgcolor="#1A3665" align="center" colspan="7"><b> <font size="3"><font color="ffffff">Frais de livraison :</font></font></b> </td>
</tr>
<tr width="690">
<td width="10%" bgcolor="#9FB9B5"><img src="http://azertyuiop.unaux.com/image envois/bpost.jpeg" width="75" height="75"> </td>
<td width="60%" colspan="4"><a><label for="by_poste"><input type="radio" checked="checked" id="by_poste" name="envoi" value="0" onclick="majPrixPort(this.form);"><font color="noir">Par la poste envoi par courrier non sécurisé ( je ne suis pas responsable des pertes éventuelle)
</font><br><br><font color="noir">Si moins de 4 paquets 1 euros <br><font color="red">(Si plus de 3 paquets GRATUIT)</font></font></label> </a></td>
<td width="20%" bgcolor="#9FB9B5"> </td>
<td width="10%" bgcolor="#9FB9B5"> </td>
</tr>
<tr width="690">
<td width=""> <img src="http://azertyuiop.unaux.com/image envois/kiala.jpeg" width="75" height="75"> </td>
<td width="" colspan="4"> <a><label for="by_kiala"><input type="radio" onclick="majPrixPort(this.form);" value="1" name="envoi" id="by_kiala"><font color="noir">Par kiala l envois est securisé et garanti</font><br><br><font color="noir">Si moins de 4 paquets alors 3 euros<br><font color="red">(Si plus de 3 paquets alors 2 euros)</font></font></label></a></td>
<td width=""><a target="_blank" href="http://www.kiala.be/fr/locateandselect"><img src="http://azertyuiop.unaux.com/imagediverse/localisation_kiala.fw.png" width="200" height="62"> </a></td>
<td width="" bgcolor="#9FB9B5"> </td>
</tr>
<tr width="690" height="6">
<td width=""colspan="2"><font color="noir">Nom du point kiala (ex librairie ...)</font></td>
<td width="" colspan="3"><input size="45" name="non_du_point_kiala"></td>
<td width="" bgcolor="#9FB9B5"> </td>
<td width="" bgcolor="#9FB9B5"> </td>
</tr>
<tr width="690">
<td><font color="noir">Localite du point kiala</font></td>
<td colspan="4"><input size="15" name="Localite_du_point_kiala"></td>
<td width="" bgcolor="#9FB9B5"> </td>
<td width="" bgcolor="#9FB9B5"> </td>
</tr>
<tr width="690">
<td><font color="noir">Code postal du point kiala</font> </td>
<td colspan="4"><input size="15" name="code_postal_du_point_kiala"><br></td>
<td width="" bgcolor="#9FB9B5"> </td>
<td width="" bgcolor="#9FB9B5"> </td>
</tr>
<tr width="690">
<td><font color="noir">Adresse du point kiala </font></td>
<td colspan="4"><input size="45" name="adresse_point_kiala"></td>
<td width="" bgcolor="#9FB9B5"> </td>
<td width="" bgcolor="#9FB9B5"> </td>
</tr>
<tr width="690">
<td> <font color="noir">Point kiala (ex k0001)</font></td>
<td colspan="4"><input value="K" size="5" name="point_kiala"><br></td>
<td width="" bgcolor="#9FB9B5"> </td>
<td width="" bgcolor="#9FB9B5"> </td>
</tr>
<tr width="690">
<td width=""> <img src="http://azertyuiop.unaux.com/image envois/postefrance.jpeg" width="75" height="75"> </td>
<td width="" colspan="4"> <li><a><label for="by_poste fr"> <input type="radio" onclick="majPrixPort(this.form);" value="2" name="envoi" id="by_poste fr" checked="checked"><font color="noir">Par la poste envoi par courrier non sécurisé ( je ne suis pas responsable des pertes éventuelle)</font><br><br><font color="noir">Si moins de 4 paquets 1 euros <font color="red">(Si plus de 3 paquets GRATUIT)</font></font></label> </a></li></td>
<td width="" bgcolor="#9FB9B5"> </td>
<td width="" bgcolor="#9FB9B5"> </td>
</tr>
<tr width="690">
<td width=""><img src="http://azertyuiop.unaux.com/image envois/mondialrelay.jpeg" width="75" height="75"> </td>
<td width="" colspan="4"><li><a><label for="by_poste france"> <input type="radio" onclick="majPrixPort(this.form);" value="2" name="envoi" id="by_poste france" checked="checked"><font color="noir">Par mondial relay, l'envoi est sécurisé et garanti</font><br><br><font color="noir">Si moins de 7 paquets 5 euros <font color="red">(Si plus de 6 paquets 7 euros)</font></font></label> </a></li></td>
<td width=""><a target="_blank" href="http://www.kiala.be/fr/locateandselect"><img src="http://azertyuiop.unaux.com/imagediverse/localisation_kiala.fw.png" width="200" height="62"> </a></td>
<td width="" bgcolor="#9FB9B5"> </td>
</tr>
<tr width="690">
<td width=""><font color=" noir"="">Nom du point mondial relay (ex librairie ...)</td>
<td width="" colspan="4"><input size="45" name="non_du_point_mondial_relay"></td>
<td width="" bgcolor="#9FB9B5"> </td>
<td width="" bgcolor="#9FB9B5"> </td>
</tr>
<tr width="690">
<td><font color="noir">Localite du point mondial relay</font></td>
<td colspan="4"><input size="15" name="Localite_du_point_mondial_relay"></td>
<td width="" bgcolor="#9FB9B5"> </td>
<td width="" bgcolor="#9FB9B5"> </td>
</tr>
<tr width="690">
<td><font color="noir">Code postal du point mondial relay</font></td>
<td colspan="4"><input size="15" name="code_postal_du_point_mondial_relay"><br></td>
<td width="0" bgcolor="#9FB9B5"> </td>
<td width="0" bgcolor="#9FB9B5"> </td>
</tr>
<tr width="690">
<td><font color="noir">Adresse du point mondial relay </font></td>
<td colspan="4"><input size="45" name="adresse_point_mondial_relay"></td>
<td width="0" bgcolor="#9FB9B5"> </td>
<td width="0" bgcolor="#9FB9B5"> </td>
</tr>
<tr width="690">
<td colspan="6"><font color="noir"><a target="_blank" href="http://talon-aiguille.net46.net/formulaire.php"><b>Pour un autre pays envoyer moi un mail cliquez ici </b> </a></font></td>
<td width="0" bgcolor="#9FB9B5"> </td>
</tr>
<tr width="690">
<td width="" height="1" bgcolor="#FC0021" align="center" colspan="6"><font color="noir"><b>frais de livraison </b> </font></td>
<td width="" height="10" bgcolor="#ffffff" align="right"><font size="3">€</font><input type="text" value="" size="7" name="prix_port"></td>
</tr>
<tr width="690">
<td width="" height="1" bgcolor="#FC0021" align="center" colspan="6"><b><font size="3"><b> <font color="ffffff">Total a payer tva comprise</font></b></font></b></td>
<td width="" height="10" bgcolor="#ffffff" align="right"><font size="3">€</font> <input align="right" size="8" onchange="majPrixPort(this.form);" name="MontantTotal"></td>
</tr>
</tbody>
</table>
</body></html>

Publicité

mechkurt

Déjà à l'avenir essayes de joindre un modèle "live" et modifiable de ton code (jsfiffle, codepen, autre ?) :
https://jsfiddle.net/ag4rsdyx/
Ensuite ton code est remplis de width="690", c'est peut être bien si ton conteneur est toujours supérieur à 690 mais même dans ce cas ça me semble une drôle de valeur (pour les smartphone par exemple).

Reprend un bon tuto sur les tableaux (genre https://openweb.eu.org/articles/le- [...] ire-en-css ) pour voir comment gérer tes largeurs ce colonnes.

---------------
D3

gatsu35

Blablaté par Harko

Déjà tu peux virer les tableaux pour faire une mise en page en CSS ça t'évitera bien des merdes.

rufo

Pas me confondre avec Lycos!

Pour voir un code HTML aussi pourri, ça sent l'utilisation d'un éditeur Wysiwyg
Merci de séparer le fond de la forme : tout ce qui est mise en page (couleur, taille, positions, fonts...) dans un CSS.

Message cité 1 fois

---------------
Astres, outil de help-desk GPL : http://sourceforge.net/projects/astres, ICARE, gestion de conf : http://sourceforge.net/projects/icare, Outil Planeta Calandreta : https://framalibre.org/content/planeta-calandreta

gatsu35

Blablaté par Harko

rufo a écrit :

Nan ça pu l'utilisation de vieux code, un éditeur wysiwyg aurait rajouté plus de merde

FORUM HardWare.fr

Programmation

HTML/CSS

soucis pour paramétrer un tableau html

Sujets relatifs
Interface utilisateur pour paramétrer un .js lancé sous node.js	[RESOLU]formulaires imbriqués dans un tableau
Envoie et réception d'un tableau d'entier(socket	Récupérer résultat d'une réquête dans un tableau en shell (ksh)
[HTML] Jeu d'échecs en HTML : renvoyer l'état du jeu	Passerelle SMS : générer une URL par html ou VB
Problèmes pour site web html	Soucis avec un menu HTML et JS.
[OpenAPI - Maven] Generation HTML depuis yaml OAS 3
Plus de sujets relatifs à : soucis pour paramétrer un tableau html

Page générée en 0.120 secondes