18041 sujets

Questions générales et questions de débutants

Aide html balise

Bonjour à tous

j'ai crée un forum il y a quelques jours, je lui ai apporté quelques petits ajouts malgré ma totale ignorance dans le codage html.
J'ai ajouté un calendrier dans le message d'entête et j'ai réduis sa taille
J'ai installé un tchat où j'ai là aussi réduis sa taille
Le but étant d'aligner les deux sur la même ligne

Sauf que je ne trouve pas comment soit remonter le tchat, soit descendre le message d'entête sans qu'il me décale tout le forum vers le bas

Merci si quelqu'un peut m'aider
Désolé du double post

J'ai oublié de préciser que j'ai mis le tchat à gauche et le message d'entête (calendrier) à droite, ils n'attendent plus que de se retrouver sur la même ligne Smiley smile

Merci
Bonjour,

Sans code (au pire), sans l'adresse du site (idéalement), il va être difficile de tenter de t'apporter une réponse pertinente Smiley cligne
pardon

code du tchat :

<DIV ALIGN="left">


<div class="panel bg2"><div class="inner"><span class="corners-top"><span></span></span>
<table class="forumline forum-table" border="0" cellspacing="1" width="50%">
<tr>
<th class="thTop" nowrap="nowrap"<!-- IF CHAT_SHOW_CONNECTED --> colspan="3"<!-- ENDIF -->>&nbsp;Chat&nbsp;</th>
</tr>
<tr class="bg2">
<td class="row3" style="padding:3px"<!-- IF CHAT_SHOW_CONNECTED --> colspan="3"<!-- ENDIF -->>
<div id="chatTopic" class="genmed" style="font-weight:bold">
<div id="chatArchiveLink" style="display:none;float:right">
<a href="javascript:void(0);">[{L_CHAT_ARCHIVES}]</a>
</div>
<!-- IF CHAT_AUTH_MOD -->
<div id="chatAdminLink" style="display:none;float:right">
<a href="javascript:void(0);">[{L_CHAT_ADMIN}]</a>
</div>
<div id="chatAdminMenu" style="display:none;float:right">
<div id="chatAdminMenuDiv">
<a id="chatAdminMenuTopic" href="javascript:void(0);">[{L_CHAT_CHANGE_TOPIC}]</a>
<a id="chatAdminMenuBanned" href="javascript:void(0);">[{L_CHAT_BANNED_USERS}]</a>
<a id="chatAdminMenuClear" href="javascript:void(0);">[{L_CHAT_CLEAR_MSGS}]</a>
<a id="chatAdminMenuClose" href="javascript:void(0);">[{L_CHAT_CLOSE_ADMIN}]</a>
</div>
</div>
<div id="chatConnectLink" style="float:right">
<a href="javascript:void(0);">[{L_CHAT_CONNECTION}]</a>
</div>
<div id="chatDisconnectLink" style="float:right">
<a href="javascript:void(0);">[{L_CHAT_DISCONNECTION}]</a>
</div>
<div id="chatTopicContainer"></div>
<!-- ENDIF -->
</div>
</td>
</tr>
<tr class="bg1" style="width:100%">
<td class="row1" style="padding:0;width:100%">
<div id="chatList" style="height:100px;overflow:auto;width:100%">
<table id="chatMsgContainer_table" class="forumline" border="0" cellspacing="1" width="100%" style="border:0">
<tbody id="chatMsgContainer">
</tbody>
</table>
</div>
</td>
<!-- IF CHAT_SHOW_CONNECTED -->
<td id="chatGripTd" class="row2" style="width:3px;cursor:w-resize">&nbsp;</td>
<td class="row1" style="vertical-align:top">
<div id="chatConnectedDiv" style="width:100%;height:150px;overflow:auto"></div>
</td>
<!-- ENDIF -->
</tr>
<tr class="bg2">
<td class="row1"<!-- IF CHAT_SHOW_CONNECTED --> colspan="3"<!-- ENDIF -->>
<img src="http://img.xooimage.com/files5/d/6/7/grip-115818.gif" width="11" height="11" alt="resize" style="cursor:n-resize;float:right;padding-top:10px" id="chatVGrip" title="{L_CHAT_RESIZE}" /><img src="http://img.xooimage.com/files10/5/e/a/window-115821.gif" style="cursor:pointer;padding-top:10px;padding-right:3px;width:11px;height:11px;float:right;" onclick="window.open('{U_CHAT}','_blank','menubar=no,toolbar=no,resizable=yes,scrollbars=yes');" title="{L_CHAT_OPEN_POPUP}" id="chatPopupButton" /><input id="chatButtonF" type="button" class="liteoption button2" style="background-position:center;background-repeat:no-repeat" title="{L_CHAT_HELP_SOUND}" value=" " /><input id="chatButtonG" type="button" class="liteoption button2" style="font-weight:bold" title="{L_CHAT_HELP_BOLD}" value=" G " /><input id="chatButtonI" type="button" class="liteoption button2" style="font-style:italic" title="{L_CHAT_HELP_ITALIC}" value=" I " /><input id="chatButtonC" type="button" class="liteoption button2" style="background:url(http://img.xooimage.com/files5/c/o/color-58b80.gif) no-repeat center" title="{L_CHAT_HELP_COLOR}" value=" " /><input type="text" id="chatMsg" class="post inputbox" style="width:70%" maxlength="70" /><input type="button" value="{L_SUBMIT}" onclick="xooitChat.sendMsg();" class="mainoption button2" /> <input type="button" value="{L_SMILIES}" onclick="xooitChat.showSmilies();" class="mainoption button2" />
</td>
</tr>
</table>
<span class="corners-bottom"><span></span></span></div></div>

{CHAT_JS}

******
message d'entête :

<DIV ALIGN="right">
<br />
<table width="25%" cellspacing="1" border="0" >
<tr>
<th class="thTop" nowrap="nowrap">&nbsp;{WTITLE}&nbsp;</th>
</tr>
<tr>
<td class="row1" style="">
<!-- BEGIN switch_wscroll -->
<marquee behavior="scroll" direction="{WDIR}" scrollamount="{WAMOUNT}" scrolldelay="{WSPEED}" height="{WHEIGHT}" style="height:{WHEIGHT}px" onmouseover="this.stop()" onmouseout="this.start()">
<!-- END switch_sroll -->
<span class="genmed">{WMESSAGE}</span>
<!-- BEGIN switch_wscroll -->
</marquee>
<!-- END switch_sroll -->
</td>
</tr>
</table>
</div>

***********
Les div align sont de moi

Vu mon ignorance je ne vois pas ce qui fait que le message d'entête commence plus haut que le tchat. Car il suffirait de supprimer la balise qui commande au tchat de démarrer plus bas non ??

Merci
Modifié par alexiscool (31 Jan 2016 - 12:59)
Tu as vérifier si toutes tes balises sont bien fermées ?

Si tu as Dreamweaver, c'est plus facile à gérer ce genre de problème.

Car là avec ton code, c'est pas évident à étudier.
Modifié par Tintin75 (31 Jan 2016 - 19:24)
Oui tout est fermé

Je peux me servir de dreamweaver pour gérer mon forum ?
car je fais tout actuellement du panneau d'administration en modifiant les templates
Tu peux utiliser Dreamweaver pour regarder tes pages, pour la mise en page, pour modifier le template. C'est avec ça que j'ai fait le forum d'une boutique d'un copain sur une base de forum phpbb.

Essai la version gratuite pendant 1 mois, je pense que ç'a t'aidera. Tu as le retour écran et le code. Il faut apprendre à se servir du logiciel, mais moi j'adore, je suis un grand fan Smiley biggrin

http://www.adobe.com/fr/products/dreamweaver.html

Version essai. Smiley murf

Forum phpbb ?
Modifié par Tintin75 (31 Jan 2016 - 19:38)
Merci Tintin
cela fait une heure qu'il télécharge je suis en attente

c'est un forum xooit, bb code, et j'ai activé le html pour mettre mon calendrier
Tintin75 a écrit :
Tu as vérifier si toutes tes balises sont bien fermées ?

Si tu as Dreamweaver, c'est plus facile à gérer ce genre de problème.

Car là avec ton code, c'est pas évident à étudier.

Bonjour,
En complément de Dreamweaver et si on a juste besoin de vérifier que les balises sont correctement fermées, on oublie souvent que les éditeurs XML peuvent s'avérer bien utiles... Surtout si on développe en XHTML.
Sans recourir forcément à XmlSpy qui est un outil reconnu mais payant (sauf erreur), il existe de nombreuses applications gratuites (j'utilise XmlPad qui offre une version simple, gratuite, et une version plus complète payante).
Pour les pages déclarant un doctype en XHTML, la validation XML n'est pas un luxe et XmlPad valide le source à partir de la DTD téléchargée depuis le W3C.
Bon développement.
Dreamweaver est bien payant mais vue la puissance du logiciel, et les services qu'il rend ça vaux le coup d'investir dans un abonnement si on a l'utilité et la compétence pour s'en servir.

Pour débloquer du code un gratuit fera parfaitement l'affaire.

Après avec un logiciel, il faut être à l'aise avec. Si on accroche pas, il faut pas insister à mon avis.

Bon développement.
Sujet clos
Aller à