fonction recherche de google dans une <table>
Forum Programmation : fonction recherche de google dans une <table>
Bonsoir,
J'ai profité de ce jour férié pour commencer a refaire ma page d'accueil mais j'ai un problème :
j'ai voulu mettre la fonction recherche de google dans un tableau, cela marche très bien dans Safari, IE mais pas dans Firefox, alors que je le veux principalement pour Firefox (embattant non ?)
Sous firefox, le module de recher n'est pas centré mais "en haut" et étire le tableau vers le bas.
Une autre question, que faut-il faire pour que le "google" que j'ai mis dans la zone de recherche soit surligné quand on clique dedans ?
Voici le code :
<table height="36" border="0" background="http://todiefor.free.fr/menufont2.jpg" width="75%" align="center" >
<td width="20%" align="center" background="http://todiefor.free.fr/menufont.jpg"><font face="Tahoma" size="3" color=#656565><b>Images</b></font></td>
<td width="20%" align="center" background="http://todiefor.free.fr/menufont.jpg"><font face="Tahoma" size="3" color=#656565><b>Vidéos</b></font></td>
<td width="20%" align="center" background="http://todiefor.free.fr/menufont.jpg"><font face="Tahoma" size="3" color=#656565><b>Logiciels</b></font></td>
<td width="20%" align="center" background="http://todiefor.free.fr/menufont.jpg"><font face="Tahoma" size="3" color=#656565><b>Divers</b></font></td>
<td width="20%" align="center" background="http://todiefor.free.fr/menufont.jpg"><font face="Tahoma" size="3" color=#656565><b>
<form method="get" action="http://www.google.fr/search"><input name="q" maxlength="255" value="Google" type="text"><input name="hl" value="fr" type="hidden"></td>
</b></font></td>
</table>
- tu fermes deux fois le <td>
- tu ne fermes pas le <form>
- les balises <form> ne vont pas dans des balises <font> et <b>
- <font> n'est plus utilisé
- tu ouvres des <td> sans avoir ouvert de <tr>
Répondre à OmaR
J'ai modifié ce que tu a dis :
<table height="36" border="0" background="http://todiefor.free.fr/menufont2.jpg" width="75%" align="center" >
<tr><td width="20%" align="center" background="http://todiefor.free.fr/menufont.jpg"><font face="Tahoma" size="3" color=#656565><b>Images</b></font></td>
<td width="20%" align="center" background="http://todiefor.free.fr/menufont.jpg"><font face="Tahoma" size="3" color=#656565><b>Vidéos</b></font></td><
<td width="20%" align="center" background="http://todiefor.free.fr/menufont.jpg"><font face="Tahoma" size="3" color=#656565><b>Logiciels</b></font></td>
<td width="20%" align="center" background="http://todiefor.free.fr/menufont.jpg"><font face="Tahoma" size="3" color=#656565><b>Divers</b></font></td>
<td width="20%" align="center" background="http://todiefor.free.fr/menufont.jpg">
<form method="get" action="http://www.google.fr/search"><input name="q" maxlength="255" value="Google" type="text"><input name="hl" value="fr" type="hidden"></form></td>
</tr>
</table>
Mais maintenant le problème apparait quelque soit le navigateur...
Répondre à Julien2
Euh, bah je viens de copier tout ton code, de le mettre dans un fichier html.
Et là, avec firefox et avec IE7 ça fonctionne...
Edit: tu as un < qui traine en trop
Message édité par OmaR le 01-11-2007 à 20:58:56
Répondre à OmaR
Avec ce meme code j'obtient le cadre de recher google situé en haut de lal case, et le tableau étiré vers le bas ( plus de 36 pixels) donc une répétition de l'image de fond vers le bas.
Répondre à Julien2
Ajoute un style="height:15px;" sur ta balise form.
Ca règlera le soucis
Répondre à OmaR
J'ai rajouté comme tu m'a dis "style="height: 15px;"
Le problème n'apparait plus ni dans Firefox ni dans Safari, cependant il reste dans IE ... Ce n'est pas très grave puisqu'aucune personne qui viendra sur mon site se sert d'internet explorer mais ca serais bien de trouver la solution de ce problème
Répondre à Julien2
Tu as essayé de mettre une hauteur plus petite ? Ca réglera peut-être le problème sous IE.
(Vu que j'ai pas IE je peux pas tester...)
Message édité par OmaR le 02-11-2007 à 21:17:57
Répondre à OmaR
Alros j'ai essayé, j'ai beau réduire autant que je veux le height, le problème reste le même sous IE : rien ne change, alors que quand on l'augment, la hauteur augmente bien...
Répondre à Julien2
Il y a 1572 utilisateurs connus et inconnus. Pour voir la liste des connectés connus, cliquez ici.
