Bonjour à tous !

Je me tourne vers vous en ce jour, car je rencontre un réel soucis que je n'arrive absolument pas à résoudre.

Voici le lien JsFiddle : https://jsfiddle.net/Axaria/qLz6fd9y/

Enfaite quand vous réduiser la largeur du bloc.

Les boutons ''S'identifier" et ''S'inscrire'' passesent en dessous du bouton de recherche.

J'aimerais qu'il soit a coté, et que quand on réduisent la largeur il reste a coté. Mais en vain.

Je vous remercie d'avance de votre aide.

Bonne journée

Salut si je peut me permettre ton code est compliquer est n'utilise pas les balise du html5

je t'ai refait ta barre dans les grandes lignes en 10 minutes

cadeau --> https://codepen.io/anon/pen/rpNZLE

Dit moi ce que tu en pense bien sur ton problème est résolut dans mon code...

Bonsoir @Noopy360,

Mille merci, je ne sait pas comment te remercier.

Avant de cloturer mon post, j'aimerais que tu m'explique ce qui n'allait pas sur mon code je te prie, sans vouloir te déranger bien sûr.

Merci

Ce qui ne va pas...

- Les id, laisse les pour les ancres et le js place au class

- Favorise les balises html5 plutôt que les <div>

- Simplifie ton code le plus possible

- css3 est juste magnifique renseigne toi sur le flexbox 

- sauf erreurs de ma par tu es français alors donne des noms français au class

- Les balise meta et link sont orphelins du coup il faut / à la fin <meta />

- @media dans le CSS pour un début il est inutile dans faire 50, 1 voir 2 c'est déjà pas mal

- Dans le code et les noms evite le plus possible les majuscules 

- Je sais que les ul était à la mode pour faire les menusoldes mais maintenant il y a le html5, css3 et flexbox

C'est déjà pas mal si tu veut que je t'explique mon code tu peut me mp si tu veut 👍

-
Edité par noopy360 12 décembre 2017 à 21:45:39

D'accord ca marche, je te mp. Gros merci à toi encore

Sujet Résolu, je clos le sujet.

Salut,

Je me permets de commenter un peu :

Les id, laisse les pour les ancres et le js place au class

Tout à fait, mais même "juste pour les ancres" ça suffit largement. On préconisait ça avant parce que c'était une plaie en JS de cibler autre chose, mais aujourd'hui c'est fini. On peut cibler n'importe quoi, même des classes ou des attributs data-* (qu'on recommande souvent pour passer des paramètres au JS, justement).

Favorise les balises html5 plutôt que les <div>

Oui et non : Une balise div n'est pas "mauvaise", elle s'utilise simplement quand un conteneur n'a pas besoin d'avoir un rôle particulier. Attention à ne pas donner l'impression que les div sont une sorte "dernier recours".

Simplifie ton code le plus possible

D'accord avec ça. La simplicité est la sophistication suprême.

css3 est juste magnifique renseigne toi sur le flexbox 

C'est vrai, mais on ne parle plus de "versions" du CSS maintenant. Le CSS est désormais découpé en modules, qui évoluent tous séparément. Flexbox est un module actuellement dans sa première version.

sauf erreurs de ma par tu es français alors donne des noms français au class

Mmh, ça je suis moins d'accord. L'anglais est la langue internationale, et donc par défaut la langue du web. On considère que tous les devs doivent savoir parler anglais. Aussi, écrire son code en anglais est une bonne habitude à prendre pour la suite, parce que le jour où sur github tu tombes sur un mec qui crée un plugin / snippet / autre qui t'intéresse mais qu'il a tout rédigé dans sa langue natale, et que tu n'en parles pas un mot, tu vas tirer la tronche.

Les balise meta et link sont orphelins du coup il faut / à la fin <meta />

Plus en html5. C'était vrai en xhtml, qui avait une syntaxe stricte héritée du xml. Aujourd'hui, on peut faire l'un ou l'autre.

@media dans le CSS pour un début il est inutile dans faire 50, 1 voir 2 c'est déjà pas mal

C'est bien vrai. On fait en fonction du besoin.

Dans le code et les noms evite le plus possible les majuscules 

Il y a plusieurs écoles pour ça, mais je suis assez d'accord, c'est une source d'erreurs faciles.

Je sais que les ul était à la mode pour faire les menusoldes mais maintenant il y a le html5, css3 et flexbox

D'accord avec ça ; à moins qu'il n'y ait un besoin spécifique de sous-menus (ce qui n'empêche en rien d'utiliser flexbox et le html5), mais là ce n'est pas le cas.

-
Edité par EmmanuelBeziat 13 décembre 2017 à 11:15:34

Bonjour RhooManu,

Je suis très impressionné que tu ai pris le temps de tout rédiger. Je t'en remercie car avoir plusieurs avis m'intéresse beaucoup. Je comprend de plus en plus le pricinipe d'un code clair et visible lol.

Merci à toi Passe une bonne journée.