Espace entre les bannières

bernquel · 27/10/2013 12:05:22

Bonjour,
Après un long moment de prise de tête, je me résigne à solliciter votre aide.
Je cherche comment supprimer l'espace entre ma bannière horizontale (top) et ma bannière verticale à gauche (menu) pour que les deux images n'en paraissent qu'une. Je crois que ça se passe entre Mid et Top, mais je ne trouve pas
Merci.

Dernière modification par bernquel (27/10/2013 12:07:53)

snypi · 27/10/2013 13:48:42

salut
c'est assez difficile pour nous de te répondre car l'on à pas l'exemple de ta page ni le css !!
si tu peut le mettre en ligne cela nous permettrai de mieux voir ton souci
++

bernquel · 27/10/2013 16:22:26

Voici une capture de ce je souhaite.
J'utilise le CSS standard.

snypi · 27/10/2013 18:10:47

salut
sans avoir le site sous les yeux je ne peu pas te dire ou est ton souci
cela vient d'un padding ou d'un margin
pour rappel
site css padding margin
++

bernquel · 27/10/2013 18:21:08

Merci.
Voici le CSS.

[== CSS ==]
a {color:[basecolor];}
#top {
  background-color:transparent;
}
#bot {
  background-image: url(deco/topb.png);
}
.zli1,.zli2,.zli3,.zli4 {
  background-image: url([deco]/pge0.png);
}
.zon {
  background-image: url(deco/pge1.png);
}
/*définition du style de base ziteplus*/
body {
 background-image:url('deco/ap2.jpg');
 background-repeat:repeat; background-attachment:fixed;">
 margin: 0;
 padding: 0;
 text-align:center;
}

body, td {
 font-family: Verdana, Geneva, Arial, helvetica, sans-serif;
 font-size: 10pt;
}

img {border: none;}
h1 {font-size: 150%;}
h2 {font-size: 130%;}
h3 {font-size: 120%;}
h4 {font-size: 110%;}
h5 {font-size: 100%;}
a {text-decoration: none;}
a:hover {color: #B53;}

#page {
 background-color:transparent;
 border-top: none;
 border-left: 0px solid [basecolor];
 border-right: 0px solid [basecolor];
 margin: 0 auto 16px auto;
 padding: 0;
 text-align: left;
}

#top {
 border-bottom: none;
 margin:0;
 padding: 0px 0 0 0;
}

#mid {
  
 background-image:url('deco/fondpage.jpg');
 margin:0;
 padding: 0;
}

#oppside {
   margin:0;
 padding: 5px 10px 5px 10px;
}
#side {
   background-image: url(deco/fondgauche.png);
   background-repeat:repeat-y;
 margin:0;
 padding: 50px 80px 0px 0px;
 min-width :15px;
}

#main {
 margin:0;
 padding: 7px;
 text-align: justify;
}
#bot {
 font-size: 75%;
 text-align: center;
 margin:0;
 padding: 0;
 border-bottom: 0px solid [basecolor];
}

#top h1 {
 margin: 0;
 padding: 0 0 0 0px;
 color: #FFF;
 font-size: 24px;
}
#top h2 {
 margin: 0;
 padding: px 0 px 0px;
 color: #EEF;
 font-size: 90%;
}

/* Menu */
.zul {
 margin: 10px 0 0 0;
 padding: 0;
 list-style: none;
/* background-color:#ffffff;*/
}
.zli1,.zli2,.zli3,.zli4 {
 background-repeat: no-repeat;
 padding-left: 14px;
}
.zon {}
.zli1 { margin-left: 0px;}
.zli2 { margin-left: 16px;}
.zli3 { margin-left: 32px;}
.zli4 { margin-left: 48px;}
/* styles ziteplus */
#zadmin {
 border: 1px solid [basecolor];
 background-color: [evencolor];
 margin: 3px 0 0 0;
 padding: 0 2px;
}
.ztable {
 border: 1px solid [basecolor];
 background-color: [evencolor];
 margin: 5px 0;
 padding: 0 2px;
 width: 100%;
}
.headcolor{background-color:[headcolor];}
.oddcolor{background-color:[oddcolor];}
.evencolor{background-color:[evencolor];}
.zalert {
 border: 1px solid #C00;
 background-color: #FEA;
 padding: 0 2px;
}
.zerr {
 border: 1px solid #C00;
 background-color: #FEA;
 padding: 0 1px;
}

snypi · 27/10/2013 19:39:10

#side {
background-image: url(deco/fondgauche.png);
background-repeat:repeat-y;
margin:0;
padding: 50px 80px 0px 0px;
min-width :15px;
}

à mon avis voila le padding qui pose souci

bernquel · 27/10/2013 21:07:15

Je me doute bien mais j'ai essayé plusieurs valeurs sans succès.
Quelle est donc le meilleur endroit pour modifier le css, par la rubrique thèmes ou par la rubrique configuration ?
J'ai mis la page sur un serveur. Est-il possible de vous envoyer l'adresse en privé par le formulaire mail ?
Merci.

snypi · 27/10/2013 21:09:42

oui envoie moi par mail ton adresse mais la dernière fois que j'ai essayé de contacté jpg par ce biais cela na pas fonctionné !!

bernquel · 27/10/2013 22:12:20

J'ai envoyé le message, l'as-tu reçu ?

Stefpei · 28/10/2013 10:13:36

Mets une marge négative à l'un de tes DIVS pour le rapprocher de l'autre !

exemple pour #top (le DIV du haut) : margin-bottom:-10px
ou bien
exemple pour #mid (le DIV du bas) : margin-top:-10px

Dernière modification par Stefpei (28/10/2013 10:17:14)

snypi · 28/10/2013 10:19:44

salutation j'ai visité le site

pour info ce n'est pas la meilleur méthode que tu à utilisé
tu met ta bannière en image dans le top !! bofff le mieux c'est de la mettre en css
sinon ta bannière est entouré par des balises <p> donc paragraphe qui te décale l'image normale
par css tu peut mettre ton image en arrière plan (background-image) et il vaudrait mieux que l'écriture bar restaurant traiteur soit écrit dans le top h1 c'est mieux pour le référencement

++
sinon version rapide dans ton css tu met une hauteur à ton top et le tour est joué (ps j'ai laissé une hauteur presque colé)

bernquel · 28/10/2013 17:14:11

Bonjour,
Pour la bannière en css j'y avais penser, je vais le faire. Mais ce qui me plaisait c'était d'avoir un texte en pointant sur la bannière.
Snypi, comment je formule mon écriture pour améliorer mon référencement ? Laissé l'image en fond gris et écrire directement dans l'éditeur de page ? Mais je veux une police spéciale ?
Mon projet est au tout début, il est provisoirement hébergé dans un sous reportant d'un site existant.
merci à tous c'est cool, je suis un autodidacte. Tout c'est est très loin de mon métier alors bourré d'imperfection mais grâce à vous j'apprends. MERCI.

Dernière modification par bernquel (28/10/2013 18:29:21)

Forum ZitePLUS

#1 27/10/2013 12:05:22

Espace entre les bannières

#2 27/10/2013 13:48:42

Re : Espace entre les bannières

#3 27/10/2013 16:22:26

Re : Espace entre les bannières

#4 27/10/2013 18:10:47

Re : Espace entre les bannières

#5 27/10/2013 18:21:08

Re : Espace entre les bannières

#6 27/10/2013 19:39:10

Re : Espace entre les bannières

#7 27/10/2013 21:07:15

Re : Espace entre les bannières

#8 27/10/2013 21:09:42

Re : Espace entre les bannières

#9 27/10/2013 22:12:20

Re : Espace entre les bannières

#10 28/10/2013 10:13:36

Re : Espace entre les bannières

#11 28/10/2013 10:19:44

Re : Espace entre les bannières

#12 28/10/2013 17:14:11

Re : Espace entre les bannières

Pied de page des forums