Décalage par rapport à l'écran

Voir le sujet précédent Voir le sujet suivant Aller en bas

Résolu Décalage par rapport à l'écran

Message par Kōgami le Sam 31 Oct 2015 - 21:31

Détails techniques

Version du forum : phpBB2
Poste occupé : Fondateur
Navigateur(s) concerné(s) : Mozilla Firefox, Google Chrome, Internet Explorer, Opera, Safari, Autre
Capture d'écran du problème :
Voir l'image:

Personnes concernées par le problème : Tous les utilisateurs
Problème apparu depuis : 31/10/2015


Description du problème

Bonsoir,

J'ai placé ma barre de navigation en dessous de ma bannière. Mais un souci survient. Il survient un décalage (voir l'encadrement rouge sur la photo). Pour vous aider un maximum, voici les codes :
Overall_Header (la partie concerné):
</head>
<div class="bann" align="{MENU_POSITION}"><img src="http://zupimages.net/up/15/44/yw7u.png"><div>
<div class="navig" align="{MENU_POSITION}">{GENERATED_NAV_BAR}</div><br/><br/><br/><br/>
<body background="{T_BODY_BACKGROUND}" bgcolor="{T_BODY_BGCOLOR}" text="{T_BODY_TEXT}" link="{T_BODY_LINK}" vlink="{T_BODY_VLINK}">
<!-- BEGIN hitskin_preview -->

Et pour compléter le code CSS

css:

.navig {
position: absolute;
top: 160px;
 width: 100%;
height: 50px;
background-color: #333;
font-size: 15px;
margin: 0px;
}
.bann {
right: 0;
position: fixed;
background-position: 50% 50%;
background-image: url(monimage);
height: 160px;
position: relative;
z-index: 999;
top: -8px;
}


Voilà, j'espère avoir été assez clair (s'il vous faut plus de détail n'hésitez pas).

En attente d'une réponse,
Kogami


Ps : Dans le deuxième code CSS on y retrouver "top: -8px;", le problème survient aussi au niveau du haut et je n'ai eu que cette idée pour cacher le vide


Dernière édition par Kōgami le Dim 1 Nov 2015 - 20:17, édité 2 fois

Kōgami
Nouveau membre

Messages : 7
Inscrit(e) le : 30/10/2015

Kōgami a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Décalage par rapport à l'écran

Message par Invité le Dim 1 Nov 2015 - 8:57

Bonjour,

Avez-vous essayé la propriété "padding" à zéro?

Code:
padding: 0 !important;



Dernière édition par Don Vito Corleone le Dim 1 Nov 2015 - 20:05, édité 1 fois

Invité
Invité


Invité a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Décalage par rapport à l'écran

Message par Chacha le Dim 1 Nov 2015 - 11:20

..
Bonjour et Bienvenue
sur le Forum des Forums ForumActif
Vu que vous êtes nouveau, voici quelques sujets importants :
Sécurité : mail de fondation - Ce qu'il ne faut pas faire
N'hésitez pas à ouvrir un nouveau sujet si vous ne trouvez pas votre réponse Wink
..Bonjour,

Afin de conserver un forum lisible, l'utilisation des mises en forme suivante est interdite :
  • Le gras et la couleur (réservés au staff de ce forum),
  • L'écriture en SMS (abréviations)

Pour plus de détails sur la conduite à tenir sur ce forum, merci de lire la Charte du forum. Wink

A bientôt sur ForumActif Smile


Règles Générales du Forum - Le Staff de ForumActif
Questions & Réponses Fréquentes - Trucs & Astuces
Outils Fondateurs - Perte de Mot de Passe

Chacha
Modéractif
Modéractif

Masculin
Messages : 49819
Inscrit(e) le : 21/08/2010

http://forum.forumactif.com/
Chacha a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Décalage par rapport à l'écran

Message par Kōgami le Dim 1 Nov 2015 - 13:09

Don Vito Corleone a écrit:Bonjour,

Avez-vous essayer la propriété "padding" à zéro?

Code:
padding: 0 !important;

Bonjour,

Merci de votre réponse. Malheureusement, rien ne change. Si vous avez d'autres idées, ou savez le nom exact de ce souci je suis preneur  Smile

Kōgami
Nouveau membre

Messages : 7
Inscrit(e) le : 30/10/2015

Kōgami a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Décalage par rapport à l'écran

Message par Invité le Dim 1 Nov 2015 - 19:51

Hello,

Pas de quoi,oui j'ai une autre idée avec ce code:
Code:
body {
margin: 0 !important;
}

Faut voir.
Bon courage.

Invité
Invité


Invité a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Décalage par rapport à l'écran

Message par Kōgami le Dim 1 Nov 2015 - 20:17

Don Vito Corleone a écrit:Hello,

Pas de quoi,oui j'ai une autre idée avec ce code:
Code:
body {
margin: 0 !important;
}

Faut voir.
Bon courage.
Rebonsoir,

Sincèrement, merci ! Le souci est résolu ! J'édite le poste (je vais appuyer sur le bouton merci au passage) !

Kōgami
Nouveau membre

Messages : 7
Inscrit(e) le : 30/10/2015

Kōgami a été remercié(e) par l'auteur de ce sujet.

Voir le sujet précédent Voir le sujet suivant Revenir en haut


Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum