[HTML] Centrer ma navbar par rapport au forum

[Albibak]

Bien le bonjour à tous,

Je me tire les cheveux sur un pb que j'ai depuis le début, et pour lequel je n'arrive pas à trouver la solution, je fais donc appelle à vos services :)

Imaginons une navbar composé de 3 boutons + 1 images:
accueil.gif
forum.gif
truc.gif
bord.gif

Je souhaiterais que les boutons (accueil, forum et truc) soient centrés par rapport au reste de mon forum, tandis que l'image (bord.gif) comble le vide a gauche et a droite. Ceci afin d'éviter que se soit moche selon la résolution des membres.
A savoir que les boutons ont une taille fixe, que je ne désire pas changer, tandis que l'image bord.gif sera répétée tant qu'il y a de l'espace.

Je n'ai peut être pas été assez clair, dans ce cas, n'hésitez pas à m'interpeller :p

[TheCoder]

Et bien tu as qu'a faire une bar de taille X soit en pixel ou en % si tu veux qu'elle soit de la bonne taille pour tous les dimensions, tu insert tes 3 images centrer sur cette bar en largeur fix et tu met ton image bord.gif en background en identifiant que la hauteur de ton image (bord.gif) comme ca cette image sera répéter sur tout la largeur selon la résolution de l'écran du membre et tes 3 images toujours fix au centre ;) !

@+

[Albibak]

Voici un bout du code :

<table bgcolor="#f7f7f7" width="100%" border="0" cellpadding="0" cellspacing="0">
<tr>
<td align="left" valign="top"><table width="100%" border="0" cellpadding="0" cellspacing="0" background="$stylevar[imgdir_misc]/bord.gif">
<tr>
<td width="47" height="25" align="left" valign="top"><img src="$stylevar[imgdir_misc]/image1.gif" alt="" width="47" height="25" border="0" /></a></td>
<td width="43" height="25" align="left" valign="top"><img src="$stylevar[imgdir_misc]/image2.gif" alt="" width="43" height="25" border="0" /></a></td>
<td width="94" height="25" align="left" valign="top"><img src="$stylevar[imgdir_misc]/image3.gif" alt="" width="94" height="25" border="0" /></a></td>
<td width="100%" height="25" align="left" valign="top" style="background-image: url($stylevar[imgdir_misc]/bord.gif"></td>
</tr>
</table>
</td>
</tr>
</table>


J'ai enlever la redirection des boutons afin d'aleger le code

Que dois-je modifier ?

[TheCoder]

Met simplement comme ceci mon ami ;) :

__________________________________________________ _______

<table bgcolor="#f7f7f7" width="100%" border="0" cellpadding="0" cellspacing="0">
<tr>
<td align="left" valign="top"><table width="100%" border="0" cellpadding="0" cellspacing="0" background="$stylevar[imgdir_misc]/bord.gif">
<tr>
<td height="25" align="center" valign="top"><img src="$stylevar[imgdir_misc]/image1.gif" alt="" width="47" height="25" border="0" /></a><img src="$stylevar[imgdir_misc]/image2.gif" alt="" width="43" height="25" border="0" /></a><img src="$stylevar[imgdir_misc]/image3.gif" alt="" width="94" height="25" border="0" /></a></td>
</tr>
</table>
</td>
</tr>
</table>

__________________________________________________ ________

[Albibak]

Il me semblait bien avoir tester ca, bon bah je vais reessayer

[TheCoder]

Désolé j'Arrive pas a mettre les lignes correctement :( !!!

Saleté de url pour les image lol !!

[TheCoder]

Voila les lignes sont corriger !

[Albibak]

TU n'utilises pas les colonnes pour chaque bouton ?

[TheCoder]

non pas pour la navbar a moins d'Avoir des listes déroulantes mais bon ca c'est un choix personnel je crois !

Si tu veux vraiment utiliser des colonnes je te le ferai mais ca sert +- a rien ;) !

A toi de voir !
@+

[Albibak]

Je préfère les utiliser, c'est plus clair comme ca ;)

[TheCoder]

Voici si tu veux avec des colonnes mon ami ;) !:

__________________________________________________ _____________

<table width="100%" height="25" border="0" align="center" cellpadding="0" cellspacing="0" summary="">
<tr>
<td width="100%" height="25" align="center" valign="top" background="$stylevar[imgdir_misc]/bord.gif">
<table width="184" height="25" border="0" align="center" cellpadding="0" cellspacing="0" summary="">
<tr>
<td width="184" height="25" align="center" valign="top">
<td height="25" valign="middle"><img src="$stylevar[imgdir_misc]/image1.gif" alt="" width="47" height="25" border="0" /></a></td>
<td height="25" valign="middle"><img src="$stylevar[imgdir_misc]/image2.gif" alt="" width="43" height="25" border="0" /></a></td>
<td height="25" valign="middle"><img src="$stylevar[imgdir_misc]/image3.gif" alt="" width="94" height="25" border="0" /></a></td>
</td>
</tr>
</table>
</td>
</tr>
</table>

__________________________________________________ ______________

[Albibak]

Je vais tester ca :)

[Albibak]

Non, ca ne fonctionne pas ...
Si tu veux le code complet, dis le moi, et je t'envoie ca par mp ;)

[TheCoder]

Et bien y a surment une couille, car j'ai tester et ca centre vraiment tes 3 images ....

Si tu veux oui envoi moi ca vais looker ca, si tu peu envoyer les images aussi avec que je test comme il faut ;) !

@+

[Albibak]

Je tiens à remercier TheCoder, qui m'a aidé en privé. Merci pour le temps qu'il a pris pour m'aider.
Merci merci merci