17552 sujets

Questions générales et questions de débutants

Vide en bas de page (scroll)

03 Aug 2019 à 03:39
Bonsoir/Bonjour,Je reviens ici car j'ai un soucis, après le rajout d'une image que j'ai positionné sur le coté (droit) au milieu de ma page mais cela a quand même rajouter du vide dans mon bas de page, je voulais savoir si il a une meilleur façons de mettre une image au milieu a Droite/Gauche de sa page sans crée du vide en bas

Merci Smiley biggrin 

.etoile2{
    position: relative;
    left: 950px;
    bottom: 730px;
}


<div class="etoile2">
            <img src="etoile.gif"
            width=250>
04 Aug 2019 à 05:06
Smiley up Re ^^ j'ai enlever l'image esperant que cela efface le blanc qu'elle avait crée mais rien.. toujours du vide Smiley sweatdrop une idée?? Smiley confuse
05 Aug 2019 à 13:17
Je ne suis pas sur étant donné que je n'ai pas testé ton code, mais je pense que ton problème vient du fait que ton étoile est en relative. A cause de ça, elle se place au niveau de ta div, et laisse une marge en bas. Essaie de la placer en absolute ou fixed, selon ton besoin. Si ce n'est pas possible peut-être qu'une image de ce que tu voudrais réaliser aiderait à trouver une solution^^.
07 Aug 2019 à 02:32
Bonjour,
Il faut être soigneux, je t'explique la méthode qui te permet d'oublier ton image c'est de la sortir du contexte de ta page,cela veux dire que dés le <BODY> tu déclares le div de ton image ensuite tu écrit toute ta page quelqu'elle soit !
donc 

<body>
<div id="Limage" class="Limage"><img id="LFond" src="logos/michelle_00.jpg" alt=""></div>

Et tout simplement dans ton css tu fixe la div avec un z-1 bien sur

div.Limage {position : fixed;top : 170px;right : 0;z-index : -12;overflow : hidden;visibility : visible !important ;}
/* __________________________________ */
@media screen and (max-width: 1024px) 
{
div.Limage {position : fixed;top : 170px;right : 0;z-index : -12;overflow : hidden;visibility : hidden !important ;
}
/*___________________________________ */
@media screen and (max-width:640px) 
{
div.Limage {position : fixed;top : 170px;right : 0;z-index : -12;overflow : hidden;visibility : hidden !important ;
}


bien sur tu la fait disparaitre sur une tablette ou un portable !
Modifié par Jean-Pierre-Bruneau (07 Aug 2019 - 02:33)
Prévenir un modérateur
Répondre au sujet
Aller à