Centrer barre de recherche
Résolu
Web.
Messages postés
211
Date d'inscription
Statut
Membre
Dernière intervention
-
notobe Messages postés 1952 Date d'inscription Statut Membre Dernière intervention -
notobe Messages postés 1952 Date d'inscription Statut Membre Dernière intervention -
Bonjour,
Je suis en train de créer mon site et je voudrais créer une page ou il n'y a qu'une image de fond et un champ de recherche google. Je voudrais que le champ de recherche google soit centré. Comment dois-je faire ? Pouvez-vous m'aidez ?
Voici ce que j'ai pour l'instant :
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr" >
<head>
<title>Mon Site Web.</title>
<meta http-equiv="Content-Type" content="text/html;
charset=iso-8859-1" />
<!-- Champ de recherche Google -->
<center>
<FORM method=GET action="https://www.google.fr/webhp?gws_rd=ssl">
<TABLE bgcolor="#FFFFFF"><tr><td>
<A HREF="https://www.google.fr/?gws_rd=ssl">
<IMG SRC="http://www.google.com/logos/Logo_40wht.gif" border="0"
ALT="Google" align="absmiddle"></A>
<INPUT TYPE=text name=q size=31 maxlength=255 value="">
<INPUT TYPE=hidden name=hl value=fr>
<INPUT type=submit name=btnG VALUE="Recherche Google">
</td></tr></TABLE>
</FORM>
</center>
<!-- Google -->
</body>
</html>
Merci d'avance.
Web.
Je suis en train de créer mon site et je voudrais créer une page ou il n'y a qu'une image de fond et un champ de recherche google. Je voudrais que le champ de recherche google soit centré. Comment dois-je faire ? Pouvez-vous m'aidez ?
Voici ce que j'ai pour l'instant :
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr" >
<head>
<title>Mon Site Web.</title>
<meta http-equiv="Content-Type" content="text/html;
charset=iso-8859-1" />
<!-- Champ de recherche Google -->
<center>
<FORM method=GET action="https://www.google.fr/webhp?gws_rd=ssl">
<TABLE bgcolor="#FFFFFF"><tr><td>
<A HREF="https://www.google.fr/?gws_rd=ssl">
<IMG SRC="http://www.google.com/logos/Logo_40wht.gif" border="0"
ALT="Google" align="absmiddle"></A>
<INPUT TYPE=text name=q size=31 maxlength=255 value="">
<INPUT TYPE=hidden name=hl value=fr>
<INPUT type=submit name=btnG VALUE="Recherche Google">
</td></tr></TABLE>
</FORM>
</center>
<!-- Google -->
</body>
</html>
Merci d'avance.
Web.
A voir également:
- Barre de recherche html css
- Recherche automatique des chaînes ne fonctionne pas - Guide
- Windows 11 barre des taches a gauche - Guide
- Editeur html - Télécharger - HTML
- Barre de défilement - Guide
- Barré whatsapp - Guide
3 réponses
Salut,
Voilà le code :
A+ =)
Voilà le code :
<div align="center"><!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr" > <head> <title>Mon Site Web.</title> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" /> <!-- Champ de recherche Google --> <center> <FORM method=GET action="https://www.google.fr/webhp?gws_rd=ssl"> <TABLE bgcolor="#FFFFFF"><tr><td> <A HREF="https://www.google.fr/?gws_rd=ssl"> <IMG SRC="http://www.google.com/logos/Logo_40wht.gif" border="0" ALT="Google" align="absmiddle"></A> <INPUT TYPE=text name=q size=31 maxlength=255 value=""> <INPUT TYPE=hidden name=hl value=fr> <INPUT type=submit name=btnG VALUE="Recherche Google"> </td></tr></TABLE> </FORM> </center> <!-- Google --> </body> </html></div>
A+ =)
Edit: Pardon j'ai mal lu, centrer verticalement et horizontalement, tu fais
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr" > <head> <title>Mon Site Web.</title> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" /> <!-- Champ de recherche Google --> <FORM method=GET action="https://www.google.fr/webhp?gws_rd=ssl" style="margin:auto;"> <TABLE bgcolor="#FFFFFF"><tr><td> <A HREF="https://www.google.fr/?gws_rd=ssl"> <IMG SRC="http://www.google.com/logos/Logo_40wht.gif" border="0" ALT="Google" align="absmiddle"></A> <INPUT TYPE=text name=q size=31 maxlength=255 value=""> <INPUT TYPE=hidden name=hl value=fr> <INPUT type=submit name=btnG VALUE="Recherche Google"> </td></tr></TABLE> </FORM> <!-- Google --> </body> </html>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr" >
<head>
<title>Mon site web</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<style type="text/css">
div {
width:500px;
height:50px;
position:absolute;
top:50%;
left:50%;
margin-left:-250px;
margin-top:-25px;
}
</style>
</head>
<body>
<div>
<form method="GET" action="https://www.google.fr/webhp?gws_rd=ssl">
<a href="https://www.google.fr/?gws_rd=ssl">
<img src="http://www.google.com/logos/Logo_40wht.gif" alt="Google" /></a>
<input type="text" name="q" size="31" maxlength="255" value="" />
<input type="hidden" name="hl" value="fr" />
<input type="submit" name="btnG" value="Recherche Google" />
</form>
</div>
</body>
</html>
Petite précision : le doctype utilisé est du xhtml 1.0 strict => les balises doivent être écrites en minuscules, elle doivent toutes être fermées, les attributs doivent être entre guillemets et balises doivent être correctement imbriquées.
Sinon, prendre le doctype de html 4.01 transitionel.
<blockquote cite="Shakespeare">To be or not to be ; That is the question...</blockquote>
Problème résolu !
@+ sur Commentcamarche.net
:S
A+ =)
:-|