Barre de recherche

Fermé

AGGRF Messages postés 4 Date d'inscription jeudi 7 mars 2019 Statut Membre Dernière intervention 7 avril 2019 - 19 mars 2019 à 17:21
AGGRF Messages postés 4 Date d'inscription jeudi 7 mars 2019 Statut Membre Dernière intervention 7 avril 2019 - 21 mars 2019 à 16:14

Salut, j’aimerai bien crée une barre de recherche qui ressemble à l'image si dessous.

Mercie de me répondre.

A voir également:

Barre de recherche
Recherche musique - Guide
Google recherche par image - Guide
Windows 11 barre des taches a gauche - Guide
Recherche automatique des chaînes ne fonctionne pas - Guide
Égal barré - Forum Bureautique

1 réponse

Réponse 1 / 1

jordane45 Messages postés 38144 Date d'inscription mercredi 22 octobre 2003 Statut Modérateur Dernière intervention 21 avril 2024 4 650
19 mars 2019 à 19:31

Bonjour,

Voila... je réponds ...... et maintenant ?

Plus sérieusement.... ta barre de recherche... tu veux la mettre où ?
Dans quel langage ?
Elle doit faire quoi exactement ? (rechercher dans quoi .. une bdd ? si oui.. laquelle ? )

Et puis.. qu'as tu commencé à faire ?
Sur quel point bloques tu exactement ?

Sans toutes ces réponses... impossible pour nous de te répondre.

AGGRF Messages postés 4 Date d'inscription jeudi 7 mars 2019 Statut Membre Dernière intervention 7 avril 2019
20 mars 2019 à 14:03

Je veut crée cette barre de recherche pour une page d’accueil hors connexion.
Je veut là réaliser en HTML et en CSS.
Elle me sert pour rechercher sur qwant et je bloque sur l'insertion d'un bouton de recherche et du bouton pour effacer la recherche.

jordane45 Messages postés 38144 Date d'inscription mercredi 22 octobre 2003 Statut Modérateur Dernière intervention 21 avril 2024 4 650 > AGGRF Messages postés 4 Date d'inscription jeudi 7 mars 2019 Statut Membre Dernière intervention 7 avril 2019
20 mars 2019 à 14:11

Sans voir ton code html/css actuel... impossible de t'aider.

AGGRF Messages postés 4 Date d'inscription jeudi 7 mars 2019 Statut Membre Dernière intervention 7 avril 2019
21 mars 2019 à 16:14

Code Html:

<div class="recherche_p">
			<form action="https://www.qwant.com" id="searchthis" method="get">
				<input id="search" name="q" type="text" placeholder="Que recherchez-vous?" />
				<br>
				<input id="search-btn" type="submit" value="RECHERCHERâ–º" />
			</form>
		</div>

Code Css:

.recherche_p {border-style: solid; border-width: 3px; border-color: #dddddd; background-color:#00BFFF; padding: 10px 10px 10px 10px; width: 75%; transition: 1s;}
#searchthis #search {height:30px; background-color: #ffffff; color: #000000; border-style: solid; border-width: 2px; border-color: #dddddd; padding: 5px 10px 5px 10px; width: 65%; box-sizing: border-box; font-family: Lato; font-size: 12px; font-weight: auto; letter-spacing: 1px; transition: 1s;text-align:center; }
#searchthis #search:focus {width: 90%; transition: 1s; }
#searchthis #search-btn {background-color: #012088; border-style: solid; border-width: 2px; border-color: #012088; padding: 5px 10px 5px 10px; width: 35%; box-sizing: border-box; font-family: PT sans; font-size: 13px; font-weight: normal; letter-spacing: 2px; margin: 10px 0 0 0; text-transform: uppercase; color: #FFFFFF; transition: 0.5s; }
#searchthis #search-btn:hover {background-color: #ffffff; color: #012088; cursor: pointer; transition: 0.5s; width: 45%; }
#searchthis #search-btn:active {background-color: #ffffff; color: #012088; cursor: pointer; transition: 0.5s; width: 45%; }

Discussions similaires

Barre verticale droite sur clavier

Barre verticale droite sur clavier mac

Alt + = un égal barré = différence !

Comment faire le signe = barré?

Quelle touche clavier ou combinaison pour désigner "différent de

Discussions similaires

Newsletters