Ie7 et le CSS un ptit coup de main me serait utile

snypi · 21/04/2008 20:38:45

salut à tous
voila j'ai un souchi avec ie7 sur la mise en page de mes menus
http://asso.gard.a.toi.free.fr

les images font 210 de largeur
dans le template j'ai :

<div id="side">

<img src="deco/top_menu.gif" width="210" height="22"><?php echo $zite->content['menu'] ?><img src="deco/bas_menu.gif" width="210" height="20">

et mon code css (je ne place que l'éssentiel) :

#side {
width: 210px;
float: left;
margin:0;
padding: 5px 10px 5px 10px;

}

#main {
width:676px;
float: right;
margin:0;
padding: 7px;
text-align: justify;
}

/* Menu */
.zul {
padding: 0;
margin: 0px 0 0 0;
list-style: none;
background-image: url(deco/fond.gif);
background-position: 210px;
}
.zli1,.zli2,.zli3,.zli4 {
background-image: url(deco/fleche.gif);
background-repeat: no-repeat;
padding-left: 20px;
background-position: 7px;
background-color: none;
}

la je cale je ne capte pas pourquoi j'ai ce menu mangé dans ie7??

quelqu'un peu m'aider SVP

ckoi1utilisateur · 24/04/2008 15:41:35

j'aimerais t'aider, mais je suis allé sur ton site et je n'ai vu aucun problème sur le menu....

snypi · 25/04/2008 22:06:34

merci pour ton aide

Nan j'en perd mon CSS!!

j'ai remarqué aussi qu'en changeant de pc j'avais plus le problème!!

snypi · 08/05/2008 13:34:43

bon problème récurent!! en faite selon les pc et internet explorer une partit de l'arrière plan du menu disparait!!

et un truc qui me déplait dans ma mise en page est que j'ai intégrer une partie du graph menu dans le templates!

comment faire pour que tous ne soit que dans le CSS??

y'a t'il moyen de définir une image d'arrieres plan pour le top de mon menu
une autre pour la fond du .ZUL
et une 3eme pour le bas du menu??

si quelqu'un la déja fait je suis preneur d'un exemple

merci d'avance

brec'hed · 13/05/2008 15:48:24

snypi a écrit :

bon problème récurent!! en faite selon les pc et internet explorer une partit de l'arrière plan du menu disparait!!
et un truc qui me déplait dans ma mise en page est que j'ai intégrer une partie du graph menu dans le templates!
comment faire pour que tous ne soit que dans le CSS??
y'a t'il moyen de définir une image d'arrieres plan pour le top de mon menu
une autre pour la fond du .ZUL
et une 3eme pour le bas du menu??
si quelqu'un la déja fait je suis preneur d'un exemple
merci d'avance

Salut,

Je ne suis pas certain d'avoir compris ce que tu veux pour ton menu. Veux-tu un menu extensible en fonction de la hauteur ? Pour cela il faut composer les images fond en 3 parties comme tu l'exprimes dans ton post. Dans le template, il faut ajouter un div. A l'intérieur du div, tu ajoutes le menu en .zul.

Si je me base sur le menu existant. Le haut du menu où est marqué "menu", il faut le définir avec un titre de hauteur 1 ou 2 ou 3. C'est avec lui que tu mettras le haut de ton menu. Biensûr sans marges, les marges à 0 dans le css pour qu'il se colle avec le div supérieur. Dans ul.zul, tu définis une mage de fond. Puis au div, tu ajoutes en bas, le bas de ton design.

Ce qui donne en html

<div id="menu" class="menu-bas">
<h1 class="menu-haut">Menu</h1>
<ul class="zul">
</ul>
</div>

Et en css

/*propriétés générales*/
div#menu
{
}

div.menu-bas
{
/*on définit en css le bas du menu*/
background: transparent (ou couleur) url(image/bas_fond.png) no-repeat bottom left)
}
/*on définit en css le haut du menu*/
h1.menu-haut
{
background: transparent (ou couleur) url(image/haut_fond.png) no-repeat top left
}

ul.zul
{
/*on oblige l'image de fond, celle du milieu, à se répéter. */
background:transparent (ou couleur) url(image/milieu_fond.png) repeat top left
}

L'astuce est simple, les images haut et bas sont fixes et ne se répètent pas ; seule l'image du milieu se répète. La hauteur du menu n'importe pas.

En espérant que cela t'aidera un peu.

snypi · 14/05/2008 09:26:38

merci à toi je vais essayé ta méthode pour voir si avec internet explorer cela résout le problème du menu central

Ma première approche comme la tienne est d'apporter des modif dans le template ce qui est gênant si on veut proposé la charte graphique à la communauté zite

dans le template j'ai :
<div id="side">

<img src="deco/top_menu.gif" width="210" height="22"><?php echo $zite->content['menu'] ?><img src="deco/bas_menu.gif" width="210" height="20">

mais donc pas de possibilité de faire l'ensemble de mon menu rien qu'en css sans avoir à intervenir dans le template

brec'hed · 14/05/2008 14:41:58

Salut snipy,

Si tu ne veux pas modifier le template de base il n'y a qu'une solution, ajouter le div via du javascript/dom mais c'est une autre histoire. On ne travaille plus avec php qui génère le html mais avec le js/dom qui modifiera les noeuds html générés et en rajoutera éventuellment un ou plusieurs.

Maintenant zite est un petit peu basique pour des fonctionnalités avancées donc, fatalement, il faudra modifier telle ou telle partie de zite. Rien n'empêche d'avoir plusieurs templates prêts à l'emploi suivant les besoins des uns et des autres, la licence libre permet cela (à partir du moment où tu laisses ton travail avec la même licence). Plus il y a de choix, mieux c'est.

Dernière modification par brec'hed (14/05/2008 14:43:17)

snypi · 15/05/2008 15:47:43

salut
bon point de vue,
maintenant le javascript/dom n'ai pas pour moi donc l'idée de laisser un template avec est jouable

Forum ZitePLUS

#1 21/04/2008 20:38:45

Ie7 et le CSS un ptit coup de main me serait utile

#2 24/04/2008 15:41:35

Re : Ie7 et le CSS un ptit coup de main me serait utile

#3 25/04/2008 22:06:34

Re : Ie7 et le CSS un ptit coup de main me serait utile

#4 08/05/2008 13:34:43

Re : Ie7 et le CSS un ptit coup de main me serait utile

#5 13/05/2008 15:48:24

Re : Ie7 et le CSS un ptit coup de main me serait utile

#6 14/05/2008 09:26:38

Re : Ie7 et le CSS un ptit coup de main me serait utile

#7 14/05/2008 14:41:58

Re : Ie7 et le CSS un ptit coup de main me serait utile

#8 15/05/2008 15:47:43

Re : Ie7 et le CSS un ptit coup de main me serait utile

Pied de page des forums