Probleme de position du code html

Assane007 Messages postés 158 Date d'inscription   Statut Membre Dernière intervention   -  
MickyBytes Messages postés 301 Date d'inscription   Statut Membre Dernière intervention   -
Bonjour j'ai crée un site mais pour l'instant je suis à la recherche de créativité
le problème c'est que je veux insérer un module de chat avec webcam j'ai réussi à mettre le code html mais j'aime pas là où se trouve les informations voir ici

http://assanedev.url.ph/tchat/index.html

j'aimerais bien qu'il soit au milieu de cette rubrique

Merci de votre temps a+

voici le code

<table align="center"><tr><td height="30" colspan="2">
<div align="center"><h3>AssaneDev.url.ph</h3></div>
</td>
</tr>
<form method="post" action="https://batepapo.zetboo.com/batepapo.html" target="_blank" />
<input type="hidden" name="titulo_room" value="AssaneDev.url.ph" />
<input type="hidden" name="room" value="AssaneDev.url.ph" />
<input type="hidden" name="cor" value="#FF0099" />
<input type="hidden" name="lg" value="fr" />

<tr>
<td align="right">
Pseudo: </td>
<td align="left"><input type="text" name="nome" size="20" /></td>
</tr><tr>
<td align="right">Ville: </td>
<td align="left"><input type="text" name="vila" size="20" /></td>
</tr><tr>
<td align="right">Age: </td>
<td align="left"><input type="text" name="idade" size="4" /></td>
</tr><tr>
<td align="right">Sexe: </td>
<td align="left">
<input type=radio name="sexe" value="H" checked />Homme
<input type=radio name="sexe" value="M" checked />Femme
<input type=radio name="sexe" value="I" checked />Inconnu
</td>
</tr><tr>
<td colspan="2" align="center"><input TYPE="submit" value="Connexion" name="criar" /></td>
</form>
</tr>
</table>
A voir également:

8 réponses

Réponse 1 / 8
MickyBytes Messages postés 301 Date d'inscription   Statut Membre Dernière intervention   37
 
Bonjour Assane007,
quand tu dis que tu aimerais qu'il soit au milieu de cette rubrique, veux-tu dire que ta table soit sous la bande turquoise centré dans la page? Car malgré que je ne suis pas expert je ne trouve rien qui demande cela dans ton code. Tout dépend où tu place ta table je crois.
0
Réponse 2 / 8
Assane007 Messages postés 158 Date d'inscription   Statut Membre Dernière intervention   1
 
salut je veux juste la placer en dessous de mon menu en grand format et centré
0
Réponse 3 / 8
MickyBytes Messages postés 301 Date d'inscription   Statut Membre Dernière intervention   37
 
Ok c'est ce que je pensais mais dans le code que tu as envoyé il n'y a rien qui parle de ton menu. C'est juste la <table></table>
0
Réponse 4 / 8
Assane007 Messages postés 158 Date d'inscription   Statut Membre Dernière intervention   1
 
ok voici le code complet de mon site

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html lang="fr" >
<head>
<meta http-equiv="content-type" content="text/html;charset=utf-8">
<title>  @$$@N£ '$ TUTOs B£$T !!</title>
<meta http-equiv="content-style-type" content="text/css">
<meta name="generator" content="Lauyan TOWeb 4.1.5.620">
<!--JQUERY-SCRIPT-->
<!--TOOLTIP-SCRIPT-->
<!--COLORBOX-SCRIPT-->
<!--DATEPICKER-SCRIPT-->
<!--GPLUSONE-SCRIPT-->
<!--GMAP-SCRIPT-->
<!--YOUTUBE-SCRIPT-->
<!--TABBER-SCRIPT-->
<!--ISBLOG-SCRIPT-->
<!--MAILINGLIST-SCRIPT-->
<link rel="alternate" type="application/rss+xml" title=" @$$@N£ '$ TUTOs B£$T !!" href="file://C:/Users/Lemarseillais91/Documents/TOWeb Sites/defaultV4/Data/_themes/generated/output/_frame/feed.xml">
<!--FLASH-SCRIPTS-->
<link rel="stylesheet" href="file://C:/Users/Lemarseillais91/Documents/TOWeb Sites/defaultV4/Data/_themes/generated/output/_frame/site.css" type="text/css">
<style type="text/css" media="print">
.wg-maxheight {}
</style>
<style type="text/css" media="screen">
.wg-maxheight { height:100%; }
</style>
</head>
<body>
<table bgcolor="#FFFFFF" class="wg-maxheight" border="0" cellspacing="0" cellpadding="0" width="100%">
<!--BANNER-->
<tr><td align="center" valign="top" style="height:1px" bgcolor="#33CCCC"><a href="javascript:alert('Liens non disponibles en mode aperçu')"><img src="../_frame/bnr.png" border="0" alt=""></a></td></tr>
<tr><td valign="top" style="height:1px"><table cellspacing="0" cellpadding="0" border="0" width="100%" style="font-size:1px"><tr>
<td width="100%" style="background-image:url(../_frame/border-top.png);height:10px"></td>
</tr></table></td></tr>
<tr>
<td valign="top" class="wg-maxheight">
<table class="wg-maxheight" border="0" cellspacing="0" cellpadding="0" width="100%">
<tr>
<td valign="top" style="height:1px" width="95" bgcolor="#FFFFFF">
<table border="0" cellspacing="0" cellpadding="0">
<tr>
<td valign="top"><img align="top" src="../_frame/mtlc.png" alt=""></td>
<td valign="top" style="background-image:url(../_frame/mte.png)" width="77"></td>
<td valign="top"><img align="top" src="../_frame/mtrc.png" alt=""></td>
</tr>
<tr>
<td valign="top" style="background-image:url(../_frame/mle.png);height:157px"></td>
<td bgcolor="#33CCCC"><table align="center" style="font-family:Monotype Corsiva;font-size:25px;" border="0" cellspacing="0" cellpadding="0">
<tr style="height:2px"><td></td><td></td><td></td><td></td></tr>
<tr>
<td width="4"></td>
<td align="left" style="height:29px"><div class="wg-button"><a href="javascript:alert('Liens non disponibles en mode aperçu')" >Accueil</a></div></td>
<td width="4"></td>
<td width="4"></td>
</tr>
<tr style="height:2px"><td></td><td><div style="height:2px; width:69px; border-bottom:1px solid #1F7A7A;"></div></td><td></td><td></td></tr>
<tr>
<td width="4"></td>
<td align="left" style="height:29px"><div class="wg-button"><a href="javascript:alert('Liens non disponibles en mode aperçu')" >Photos</a></div></td>
<td width="4"></td>
<td width="4"></td>
</tr>
<tr style="height:2px"><td></td><td><div style="height:2px; width:69px; border-bottom:1px solid #1F7A7A;"></div></td><td></td><td></td></tr>
<tr>
<td width="4"></td>
<td align="left" style="height:29px"><div class="wg-button"><a href="javascript:alert('Liens non disponibles en mode aperçu')" >Contact</a></div></td>
<td width="4"></td>
<td width="4"></td>
</tr>
<tr style="height:2px"><td></td><td><div style="height:2px; width:69px; border-bottom:1px solid #1F7A7A;"></div></td><td></td><td></td></tr>
<tr>
<td width="4"></td>
<td align="left" style="height:29px"><div class="wg-button"><a href="javascript:alert('Liens non disponibles en mode aperçu')" >Fichiers</a></div></td>
<td width="4"></td>
<td width="4"></td>
</tr>
<tr style="height:2px"><td></td><td><div style="height:2px; width:69px; border-bottom:1px solid #1F7A7A;"></div></td><td></td><td></td></tr>
<tr>
<td width="4"></td>
<td align="left" style="height:29px"><div class="wg-button"><a href="javascript:alert('Liens non disponibles en mode aperçu')" >Tchat</a></div></td>
<td width="4"></td>
<td width="4"></td>
</tr>
<tr style="height:2px"><td></td><td></td><td></td><td></td></tr>
</table>
</td>
<td valign="top" style="background-image:url(../_frame/mre.png);height:157px"></td>
</tr>
<tr>
<td valign="top"><img align="top" src="../_frame/mblc.png" alt=""></td>
<td valign="top" style="background-image:url(../_frame/mbe.png)" width="77"></td>
<td valign="top"><img align="top" src="../_frame/mbrc.png" alt=""></td>
</tr>
</table>

</td>
<td valign="top">
<table width="100%" class="wg-maxheight" cellpadding="0" cellspacing="0">
<tr>
<td valign="top" bgcolor="#FFFFFF" >
<table width="100%" class="wg-maxheight" cellpadding="0" cellspacing="0">
<tr>
<td valign="top" __TW-TOPICBK__>
<h1>Titre de rubrique</h1>

<table width="100%"><tr>
<td>
<table class="wg-paragraph" width="100%">
<tr><td><h2>Titre de paragraphe</h2></td></tr>
<tr><td><p>Texte de votre paragraphe. Texte de votre paragraphe. Texte de votre paragraphe. Texte de votre paragraphe. Texte de votre paragraphe. Texte de votre paragraphe. Texte de votre paragraphe. Texte de votre paragraphe. </p></td></tr>
</table>
<table class="wg-paragraph" width="100%">
<tr><td><h3 style="margin-left:16px" >Titre de sous paragraphe</h3></td></tr>
<tr><td><p style="margin-left:16px" >Texte de votre paragraphe. Texte de votre paragraphe. Texte de votre paragraphe. Texte de votre paragraphe. Texte de votre paragraphe. Texte de votre paragraphe. Texte de votre paragraphe. Texte de votre paragraphe. </p></td></tr>
</table>

<table class="wg-paragraph" width="100%">
<tr><td><h3 style="margin-left:16px" >Titre de sous paragraphe</h3></td></tr>
<tr><td><p style="margin-left:16px">Texte de votre paragraphe. Texte de votre paragraphe. Texte de votre paragraphe. Texte de votre paragraphe. Texte de votre paragraphe. Texte de votre paragraphe. Texte de votre paragraphe. Texte de votre paragraphe. </p></td></tr>
<tr align="right"><td><a href="javascript:alert('Liens non disponibles en mode aperçu')">Lien</a></td></tr>
</table>

<table class="wg-paragraph" bgcolor="#F3FCFC" width="100%">
<tr><td ><h2>Titre de paragraphe mis en valeur</h2></td></tr>
<tr><td><p>Texte de votre paragraphe. Texte de votre paragraphe. Texte de votre paragraphe. Texte de votre paragraphe. Texte de votre paragraphe. Texte de votre paragraphe. Texte de votre paragraphe. Texte de votre paragraphe. </p></td></tr>
<tr align="right"><td><a href="javascript:alert('Liens non disponibles en mode aperçu')">Lien</a></td></tr>
</table>
<br>
</td>
<td valign="top" width="1">
<table border="0" cellspacing="0" cellpadding="0" id="table1">
<tr>
<td><img align="top" src="../_frame/ptlc.png" alt=""></td>
<td background="../_frame/pte.png"></td>
<td><img align="top" src="../_frame/ptrc.png" alt=""></td>
</tr>
<tr>
<td background="../_frame/ple.png"></td>
<td><table class="wg-panel" width="200"><tr><td><h2>Titre du panneau</h2></td></tr><tr><td><p align=justify>Texte de votre paragraphe. Texte de votre paragraphe. Texte de votre paragraphe. Texte de votre paragraphe. Texte de votre paragraphe. Texte de votre paragraphe. Texte de votre paragraphe. Texte de votre paragraphe. </p></td></tr><tr><td align="center"><a href="javascript:alert('Liens non disponibles en mode aperçu')">Lien</a></td></tr></table></td>
<td background="../_frame/pre.png"></td>
</tr>
<tr>
<td><img align="top" src="../_frame/pblc.png" alt=""></td>
<td background="../_frame/pbe.png"></td>
<td><img align="top" src="../_frame/pbrc.png" alt=""></td>
</tr>
</table>
</td>
</tr></table>
<table width="100%"><tr><td align="left"><div class="wg-navbt"><a href="javascript:alert('Liens non disponibles en mode aperçu')"><img src="../_frame/nav-home.png" alt=""></a></div></td><td width="100%"></td><td align="right" ><div class="wg-navbt"><a href="javascript:alert('Liens non disponibles en mode aperçu')"><img src="../_frame/nav-back.png" alt=""></a></div></td><td align="right"><div class="wg-navbt"><a href="javascript:alert('Liens non disponibles en mode aperçu')"><img src="../_frame/nav-next.png" alt=""></a></div></td></tr></table>
<br><br><br><br><br><br>
<hr><!--HR_FOOTER-->
<table width="100%" border="0" class="wg-paragraph">
<tr>
<td width="50%"><font style="font-size:60%;">Pied de page gauche</font></td><td width="50%" align="right"><font style="font-size:60%;">Pied de page droit</font>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
</table>
<!--TOOLTIP-DIV-->
</body></html>
0

Vous n’avez pas trouvé la réponse que vous recherchez ?

Posez votre question
Réponse 5 / 8
animostab Messages postés 2829 Date d'inscription   Statut Membre Dernière intervention   738
 
tu mets ton code apres ca
.........
<td width="4" align="center"><div style="width:1px; height:24px; border-right:1px solid #1F7A7A;"></div></td>
<td align="center"><div class="wg-button"><a href="../tchat/index.html" >Tchat</a></div></td>
<td width="4"></td>
<td width="4"></td>
</tr>
<tr style="height:2px"><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td></tr>
</table>

-------> mettre le code ici


Bon un truc la mise en page avec <table> ca ne se fait plus depuis plus de 12 ans ! la balise marquee par exemple est obsolète depuis 10 ans
tant de lignes de code pour un menu et un formulaire !

apprends html et css !
https://openclassrooms.com/fr/courses/1603881-apprenez-a-creer-votre-site-web-avec-html5-et-css3
0
Réponse 6 / 8
MickyBytes Messages postés 301 Date d'inscription   Statut Membre Dernière intervention   37
 
animostab a un peu raison sur les tables. Occasionnellement cela dépanne pour un petit tableau mais pour faire une page ou un site au complet tu as beaucoup intérêt à te mettre au CSS. Cela te prendra quelques jours pour commencer à l'utiliser adéquatement mais cela en vaut la peine. Surtout que ton site sera beaucoup plus beau.

Bonne chance!
0
animostab Messages postés 2829 Date d'inscription   Statut Membre Dernière intervention   738
 
<table> = données tabulaires et rien d'autre !
par exemple
- un tableau de tarification <table> est requis
- un tableau ville / code postal / département <table> est requis
- aligner des images centrées <table> n'est pas requis ça se fait avec CSS !

je n'ai pas "un peu raison"
j'ai plus que raison !
0
Réponse 7 / 8
Assane007 Messages postés 158 Date d'inscription   Statut Membre Dernière intervention   1
 
ok le probleme c'est que je crée actuellement ce site avec toweb v4 j'ai fait que du copier coller pour ce code

encore merci pour vos recommandations :)
0
Réponse 8 / 8
MickyBytes Messages postés 301 Date d'inscription   Statut Membre Dernière intervention   37
 
Plaisir

A+
0