Souci d'alignement d'images avec la box de traduction sur mon site

Ph4nt0m

Bonsoir, ne sachant pas ou caser ce post je l'ai mis dans la rubrique html.

J'ai une box pour les traductions sur mon site, basée sur du formulaire. J'utilise pour cela la traduction google, car je ne veux pas me taper la traduction de toutes les pages, ce serait un boulot de malade.

Voici le code que j'utilise pour la box de traduction:

Code:

<div class="sidebox">
<h1>Translation</h1>
<P>
<form action="http://translate.google.com/translate">
<input name="hl" value="fr" type="hidden"><input name="ie" value="UTF8" type="hidden"> <input name="oe" value="UTF8" type="hidden"><input name="prev" type="hidden">
<p><input name="u" value="http://www.monsite.fr/test.php" type="hidden"</p>
<input name="langpair" size="1" value="fr|en" type="hidden"><input type="image" src="1snap/unitedkingdom.gif" border="0" name="submit" ALIGN=left alt="Translate in english ">
</form>
<form action="http://translate.google.com/translate">
<input name="hl" value="fr" type="hidden"><input name="ie" value="UTF8" type="hidden"> <input name="oe" value="UTF8" type="hidden"><input name="prev" type="hidden">
<p><input name="u" value="http://www.monsite.fr/test.php" type="hidden"</p>
<input name="langpair" size="1" value="fr|de" type="hidden"><input type="image" src="1snap/germany.gif" border="0" name="submit" ALIGN=left hspace=5 alt="Translate in german">
</form>
<form action="http://translate.google.com/translate">
<input name="hl" value="fr" type="hidden"><input name="ie" value="UTF8" type="hidden"> <input name="oe" value="UTF8" type="hidden"><input name="prev" type="hidden">
<p><input name="u" value="http://www.monsite.fr/test.php" type="hidden"</p>
<input name="langpair" size="1" value="fr|es" type="hidden"><input type="image" src="1snap/spain.gif" border="0" name="submit" ALIGN=left hspace=5 alt="Translate in spanish">
</form>
<form action="http://translate.google.com/translate">
<input name="hl" value="fr" type="hidden"><input name="ie" value="UTF8" type="hidden"> <input name="oe" value="UTF8" type="hidden"><input name="prev" type="hidden">
<p><input name="u" value="http://www.monsite.fr/test.php" type="hidden"</p>
<input name="langpair" size="1" value="fr|it" type="hidden"><input type="image" src="1snap/italy.gif" border="0" name="submit" ALIGN=left hspace=5 alt="Translate in italian">
</form>
<br>
<br>
Click on a flag to translate
</p>
</div>

Et voici ce que ça donne sur le site:

Comme on peut le voir sur l'image, l'espace entre les drapeaux anglais et allemands (les 2 premiers) est plus petit que les autres espaces. Je ne comprend pas comment ça se fait, et comme un bon maniaque que je suis j'aimerais remédier à ce problème... Histoire que les espacements soient identiques pour que le résultat soit propre. Si quelqu'un a un conseil, je suis preneur, et si il est possible de centrer les drapeaux au lieu de les aligner à gauche de la box ça m'intéresse aussi...

PS: Ce genre de formulaire de traduction peut etre utile, n'hésitez pas à le copier/coller si vous voulez le tester sur votre site et retenir des visiteurs non francophones wink

Mister $$$ · 26-05-2008 21:00:18

c00lman

J'aime bien voir ce que je fais, alors peut tu également poster le style css associé à ton code ainsi que l'endroit ou je peux obtenir les mêmes images smile ?
Ou alors poste l'url de ton site ou envoie le moi par MP.

c00lman

Essaye ceci:
Dans ta feuille de style tu supprime la ligne suivante:

Code:

* { padding: 0; margin: 0; }

Ensuite à la ligne:

Code:

<input type="image" src="1snap/unitedkingdom.gif" border="0" name="submit" ALIGN=left alt="Translate in english ">

Tu ajoute:

Code:

style="margin: 0pt 0pt 0pt 45px;"

Et:

Code:

hspace="5"

Tourian

Je n'ai pas testé ce code, et j'ai trouvé des anomalies bizards...

Je ne sais pas si c'est intentionel (j'en doute), mais à la ligne 6, 11, 16 et 21, il manque une balises de fermeture de <input /> :
6:|<p><input name="u" value="http://www.monsite.fr/test.php" type="hidden"</p>

Et pour tous les autres <input /> sont de la forme : <input> au lieu de <input />

Bonne chance big_smile

Annonce

#1 Souci d'alignement d'images avec la box de traduction sur mon site du 26-05-2008 21:00:18

Code:

26-05-2008 21:00:18

#2 Re Souci d'alignement d'images avec la box de traduction sur mon site du 27-05-2008 16:44:03

Re: Souci d'alignement d'images avec la box de traduction sur mon site

#3 Re Souci d'alignement d'images avec la box de traduction sur mon site du 27-05-2008 21:36:41

Re: Souci d'alignement d'images avec la box de traduction sur mon site

Code:

Code:

Code:

Code:

#4 Re Souci d'alignement d'images avec la box de traduction sur mon site du 29-05-2008 14:20:10

Re: Souci d'alignement d'images avec la box de traduction sur mon site

Partenaires de « créer un site internet »