Bonjour à tous, j'ai commencé le cours sur le HTML et le CSS depuis environ 2 semaines et j'ai décidé de créer un site juste pour m'entraîner et pour le plaisir.

Donc je vous explique mon problème : j'ai voulu commencé par créer une bande noir en haut avec le titre du site ainsi que des liens vers les réseaux sociaux, j'ai donc utilisé un <header> (je ne sais pas si c'est la meilleure solution...) avec un <h1> pour le nom du site et un <h2> pour une petite phrase en dessous. Jusque là aucun problème ! 

C'est quand j'ai voulu inséré l'icon Instagram en tant que <img> que ça c'est compliqué, j'aimerais le placer en haut a droite de mon <header> mais même après avoir cherché sur plusieurs Forums je n'y arrive pas... Je vous met un screen, si vous voulez mon code dîtes le moi (J'ai mis des bordures peut être que ça vous aidera)

PS : J'ai trouvé une solution alternative qui est de placer mon image au milieu de mes balises <h1> mais je ne pense pas que cela soit très optimisé et c'est surtout contraignant par la suite..

Merci d'avance au personne qui m'aideront,

Mathé

-
Edité par MathéoRiba 10 août 2018 à 17:52:00

Bonjour,

En fait tu va te retrouver confronté à ce problème dans le tp de la semaine deux il me semble, on te demande de coller une image à droite dans head avec un titre et un sous titre au centre.

donc dans le html en 1er ton image qui flotte à droite, après ton h1 puis ton h2, le tout dans ton header qui leurs demande de se comporter en block et en ligne.

Ah la la .. 2 heures de galères à cause de 2 lignes inversées ! Merci à toi Exen pour toi aide aussi rapide :D 

Bonne soirée

de rien,

tu ne l'a pas encore abordé ce sujet dans le cours ?

Au passage pense à passer le sujet en résolu.

Si surement mais comme je n'ai pas été très régulier dans l'apprentissage à cause des cours ( les vrais cours scolaires ^^) j'ai tendance à oublier certaines choses ..

Oui pas de souci