Résolu HTML | Image ancrée au top, même si l'on descend dans la page.

Statut
N'est pas ouverte pour d'autres réponses.

ƒяz мσ∂z

Premium
Inscription
29 Novembre 2012
Messages
332
Réactions
62
Points
11 704
RGCoins
25
Tout est dans le titre, je débute en programmation et je me demandais comment faire comme sur :RG: par exemple ou ceci :
You must be registered for see images attach

ne bouge pas l'orsque l'on descend dans les pages..
 
Voici le CSS : (si tu veux exactement le même que sur RG)
.menuVisiteur {

position: fixed;
top: 0;
left: 50px;
-webkit-box-shadow: 0px 2px 5px #032A46;
-moz-box-shadow: 0px 2px 5px #032A46;
-khtml-box-shadow: 0px 2px 5px #032A46;
box-shadow: 0px 2px 5px #032A46;
position: fixed;
z-index: 2147;
-webkit-border-radius: 0px 0px 3px 3px;
-moz-border-radius: 0px 0px 3px 3px;
-khtml-border-radius: 0px 0px 3px 3px;
border-radius: 0px 0px 3px 3px;
border-top: none !important;
border: 1px solid rgb(106, 155, 179);
border: 1px solid rgba(106, 155, 179, 0.3);
_border: 1px solid rgb(106, 155, 179);
background: #0D3143url("styles/realitygaming/images/main/pattern3-ts.png") repeat-x bottom !important;
height: 30px;
line-height: 10px;
margin-top: -5px;
}

Merci inspecter l’élément :pensif:
C'est pour du xF ?
 
dans ta balise CSS tu met position : fixed (et après tu le met ou tu veux, il bougera plus)
 
Cette réponse a aidé l'auteur de cette discussion !
Voici le CSS : (si tu veux exactement le même que sur RG)
.menuVisiteur {

position: fixed;
top: 0;
left: 50px;
-webkit-box-shadow: 0px 2px 5px #032A46;
-moz-box-shadow: 0px 2px 5px #032A46;
-khtml-box-shadow: 0px 2px 5px #032A46;
box-shadow: 0px 2px 5px #032A46;
position: fixed;
z-index: 2147;
-webkit-border-radius: 0px 0px 3px 3px;
-moz-border-radius: 0px 0px 3px 3px;
-khtml-border-radius: 0px 0px 3px 3px;
border-radius: 0px 0px 3px 3px;
border-top: none !important;
border: 1px solid rgb(106, 155, 179);
border: 1px solid rgba(106, 155, 179, 0.3);
_border: 1px solid rgb(106, 155, 179);
background: #0D3143url("styles/realitygaming/images/main/pattern3-ts.png") repeat-x bottom !important;
height: 30px;
line-height: 10px;
margin-top: -5px;
}

Merci inspecter l’élément :pensif:
C'est pour du xF ?
Nan pour mon site perso en HTML tout ce qu'il y a de plus con, c'est pour y laisser le menu de navigation des pages enfait..
 
Voici le CSS : (si tu veux exactement le même que sur RG)
.menuVisiteur {

position: fixed;
top: 0;
left: 50px;
-webkit-box-shadow: 0px 2px 5px #032A46;
-moz-box-shadow: 0px 2px 5px #032A46;
-khtml-box-shadow: 0px 2px 5px #032A46;
box-shadow: 0px 2px 5px #032A46;
position: fixed;
z-index: 2147;
-webkit-border-radius: 0px 0px 3px 3px;
-moz-border-radius: 0px 0px 3px 3px;
-khtml-border-radius: 0px 0px 3px 3px;
border-radius: 0px 0px 3px 3px;
border-top: none !important;
border: 1px solid rgb(106, 155, 179);
border: 1px solid rgba(106, 155, 179, 0.3);
_border: 1px solid rgb(106, 155, 179);
background: #0D3143url("styles/realitygaming/images/main/pattern3-ts.png") repeat-x bottom !important;
height: 30px;
line-height: 10px;
margin-top: -5px;
}

Merci inspecter l’élément :pensif:
C'est pour du xF ?
Ce code marchait surement mais je n'avais pas besoin d'autant, mais merci quand même d'avoir pris le temps de chercher :)
 
Statut
N'est pas ouverte pour d'autres réponses.
Retour
Haut