Partage

Positions d'images et responsivité

12 janvier 2018 à 0:46:17

Bonjour/Bonsoir à tous ! :)

Je suis étudiant dans l'informatique et je suis entrain de m'amuser à développer un petit portfolio pour m'exercer.

Je rencontre un petit soucis avec une image et ce que j'appellerais la responsivité du coup ..

J'essaie de mettre une photo a un endroit précis sur le site (au dessus d'une barre), je la positionne donc avec du css.

Le soucis c'est que quand je zoom et dézoom (test de responsivité), l'image ne suis pas le zoom comme il le faudrait ..

Voici deux photos pour l'exemple :

ici photo du site au zoom normal, la photo (c'est moi huhuhu)  est arrondie.

Ici photo du site quand je dézoome (les proportions du screenshots sont pas les bonnes) :

on peut voir que la photo ne suis pas le dézoom et ne reste pas a la bonne place

Je sais que le problème vient du CSS (et peut etre aussi du placement de l'image dans le html ? o_O) mais mes compétences en design s'arrêtent la ..


Comment m'y prendre pour arriver à un bon résultat s'il vous plait ?

Voici le css de l'image :

#Photo_thumbnail
{
    width: 8%;
    z-index: 3;
    position: absolute;
    left: 55%;
    top: -60px;
}

Merci :)

Hello World ! On en aura jamais fini d'apprendre !

Vous êtes demandeur·se d'emploi ?
Sans diplôme post-bac ?

Devenez Développeur·se web junior

Je postule
Formation
courte
Financée
à 100%

Positions d'images et responsivité

× 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.
  • Editeur
  • Markdown