Voilà, j'ai fini les cours sur HTML5 et CSS3 et j'ai décidé de créer une sorte de CV en ligne mais malheureusement le header rien ne va comme prévu quand j’agrandis la page. Il y a l'image au milieu qui ne veut pas rester sur place, le banner qui ne suit pas la page et surtout il n'est pas responsive alors que la partie section est responsive. Voici les captures d'écrans de la page internet et mon code source.
Tout d'abord, change le titre, il ne correspond surement pas aux règles du forum (Un modérateur te le diras si tu ne le fais pas)
Concernant ton problème, je n'ai pas le temps de me plonger à fond dans ton code, mais je souhaitais quand même te donner quelques astuces :
- Evite de trop utiliser le style "position: absolute;", cela va rendre le responsive plus compliqué, le plus simple est d'aligner avec les margins / paddings ou les styles de placement (ex: flexbox)
- Utilise des vw, vh, %, etc quand c'est possible. Lorsque tu fournis des tailles en pixel, cela ne sera pas adapté à tous les formats d'écran
Je modifierai peut-être mon commentaire si j'ai le temps d'y revenir
Bonne chance
"Je n'ai pas échoué. J'ai juste trouvé 10 000 moyens qui ne fonctionnent pas." - Thomas Edison
Tout d'abord, change le titre, il ne correspond surement pas aux règles du forum (Un modérateur te le diras si tu ne le fais pas)
Concernant ton problème, je n'ai pas le temps de me plonger à fond dans ton code, mais je souhaitais quand même te donner quelques astuces :
- Evite de trop utiliser le style "position: absolute;", cela va rendre le responsive plus compliqué, le plus simple est d'aligner avec les margins / paddings ou les styles de placement (ex: flexbox)
- Utilise des vw, vh, %, etc quand c'est possible. Lorsque tu fournis des tailles en pixel, cela ne sera pas adapté à tous les formats d'écran
Je modifierai peut-être mon commentaire si j'ai le temps d'y revenir
Merci pour l'astuce mais cela ne fonctionne pas. J'ai déjà rectifier les autres problèmes. Le seul problème qui me reste c'est que l'image ne veut pas suivre le navigateur internet si par exemple je zoom ou je dézoome. Ça fait ça :
Problème de header
× Après avoir cliqué sur "Répondre" vous serez invité à vous connecter pour que votre message soit publié.
× Attention, ce sujet est très ancien. Le déterrer n'est pas forcément approprié. Nous te conseillons de créer un nouveau sujet pour poser ta question.
"Je n'ai pas échoué. J'ai juste trouvé 10 000 moyens qui ne fonctionnent pas." - Thomas Edison