création site html "image qui se balade"Résolu/Fermé

Question

Bonjour, je débute en création de site web de type html.

Mon problème étant que quand je regard ma page final du site je vois mon image qui bouge en fonction du rétrécissement ou l'agrandissement de ma page.

j'ai utilisé la position: absolute; pour mettre mon image a un endroit précis particulièrement en haut a droite en dessous de la bannière.
( mon image et mise directement dans le css

aider moi svp merci d'avance de votre aide.
j ai procéder comme ce-ci: (fichier) css

#icone
{
float: right;
width: 260px;
height: 177px;
background-image: url("electricite.png");
position: absolute;
top: 20%;
right: 10%;
}


toros62

ApprendreInformatique · Answer

Salut,

Si tu enlève :


top: 20%;
right: 10%; 


ça donne quoi ?

toros62 · Answer

salut,

alors si j'enlève top et right l'image ce met au point de départ en haut a gauche et la elle ne bouge plus ds la page mais le pb c que j aimerai la mettre ou je veut.

ApprendreInformatique · Answer

Je te conseil de faire comme ça :

Tu créer un div a l'endroit de ta page ou tu veux que ton image apparaissent et tu lui ajoute la class .icone 
Pour le CSS tu enlève bien :

top: 20%;
right: 10%; 


Ton site est en design fixe ou extensible ?

toros62 · Answer

design fixe j ai pas encore appris l'extensible, mais le problème c que si je fais comme tu dit je ne pourrais plus bougé l'image a moin qui y a une astuce pour le mettre ou on veut dans le html ? "je début"c pas évident a ts retenir^^

ApprendreInformatique · Answer

Si tu pourra la bouger en CSS, tu fera un padding-left:80% par exemple

toros62 · Answer

tu peut m'expliquer en détaille comment tu ferais ca serai sympa a moin que ta un genre tuto a me conseillé a part le site du zero ( je l ai déja vu) merci pr ton aide

ApprendreInformatique · Answer

Si j'ai bien compris tu veux positionner ton image juste en dessous de ton header ?

peux tu m'envoyer un petit bout de code ?

toros62 · Answer

oui
ca te va si je te passe le lien de ma page internet :https://www.venez.fr/error.fr.html?id=1&uri=http%3A%2F%2Ftoros62.jesuisopen.fr%2F

ApprendreInformatique · Answer

Je regarde ça vers 21H30 ;)

toros62 · Answer

ok merci on ma deja dit aussi que ma frame était mal foutue mais c koi exactement la frame c est les symbole

encore merci pr ton aide

ApprendreInformatique · Answer

Euh je ne comprend pas trop la ton site, il n'y a rien ? je vois que lycos ...

toros62 · Answer

ba si en faite mon hébergeur c'est lycos et j' ai changer mon nom de domaine en cliquant sur le lien tu arrive sur la page normalement moi ça marche j ai déjà testé sur plusieurs pc je te passe mon code html. ANDRIEUX ELECTRICITE !

EN CONSTRUCTION

Coordonnée de l'entreprise

Adresse:
214 rue de Calais
62370 Saint-Folquin

N°Tél: 06-32-99-13-04

Adresse email: Andrieux-jerome@orange.fr

ApprendreInformatique · Answer

Ok je vois, pour le moment la petite maison est en haut a droite juste en dessous du header, c'est pas e que tu voulais faire ?

toros62 · Answer

oui j ai réussi a régler le pb on m a dit de mettre un parent (topad) au conteneur d'icone et de modifié mon fichier css comme ce ci par contre je pe pas le descendre ou monté mon image avec cette méthode tu serai toi ?

#topad
{
  position: relative;
  
}  
 
#icone
{ 
  width: 260px;
  height: 177px;
  background-image: url("electricite.png");
  position: absolute; 
  right: -3%;
}

Création site html "image qui se balade"

14 réponses

Discussions similaires

Newsletters