- Statut : non résolu
- Ce sujet contient 21 réponses, 4 participants et a été mis à jour pour la dernière fois par
phil007, le il y a 17 années et 5 mois.
-
AuteurMessages
-
28 juin 2006 à 21 h 17 min #448022
je viens de faire une modif dans le sidebar et mon fond de page ne retombe plus avec le header.
je ne comprend pas pourquoi? mon fond est centrer dans la page, tous marche bien si je remet mon acienne sidebard, maitenant j’ai l’impression que mon fond se centre dans un ft plus grand.
si vous comprenez pourquoi?
et puis je ne peux plus passer mon site dans le validator?
merci du coup du pouce.
phil
29 juin 2006 à 6 h 03 min #576188qu’as-tu modifier dans le code de ta sidebar ?
29 juin 2006 à 6 h 56 min #576189ben en faite j’ai ajouter du css, que j’ai pris sur le theme blue sea.
mais en faite je prefererz faire un rolover sur les catégorie, comme ça quand je passe la souris dessus les sous-catégorie s’affiche et quand j’enleve la souris elle disparaisse.
pour le bug d’affichage, apparement il est bon sous firefox, sous ie mac mais pas sous safari, j’ai pas pu tester sur ie pc.
merci
phil
29 juin 2006 à 7 h 15 min #576190je teste et regarde ton css.
29 juin 2006 à 7 h 22 min #576191le bug est sous ie essaie de rajouter pour chacun des éléments de
#sidebar .blue_side
{
background-color: #DCE8A6;
background-repeat: repeat-x;
background-position: bottom;
padding: 20px 0px 10px 0px;
width: 190px;
}
#sidebar .blue_side h1
{
height: 30px;
margin-bottom: 10px;
padding-left: 0px;
font-size: 14px;
line-height: 2.25em;
font-weight: bold;
color: rgb(58, 73, 86);
background-color: #DCE8A6;
}
#sidebar .blue_side ul a
{
display: block;
font-size: 10px;
color: #B81838;
font-weight: bold;
background-image: url(images/blue_nav.gif);
background-repeat: no-repeat;
background-position: right;
padding-top: 1;
padding-right: 10px;
padding-bottom: 1;
padding-left: 30px;
white-space: normal;
line-height: normal;
}
#sidebar .blue_side ul a:hover
{
color: #DA4A75;
background-image: url(images/blue_nav.gif);
background-repeat: no-repeat;
background-position: left;
}
#sidebar .blue_side li
{
padding: 2px 0 4px;
list-style: none;
}
#sidebar .blue_side li:hover
{
background-color: #DCE8A6;
}
#sidebar ul li {
list-style-type: none;
list-style-image: url(images/list.gif);
margin-bottom: 15px;
}la ligne suivante :
display: inline;
Mais ie a du mal a accepté les margin ce qui crée parfois des décallages.
29 juin 2006 à 9 h 23 min #576192merci de ta réponse, mais ça ne marche pas, toujours le décalage dans safari.
merci quand même
phil
29 juin 2006 à 9 h 31 min #576193j’ai pas testé sous safari
29 juin 2006 à 10 h 25 min #576194Merci quand même.
Par contre peut-être peut tu m’aider. pour autre choses :
je suis revennu à un sidebar plus simple dans tous fonctionne comme avant, mais j’aimerai pouvoir faire un rolover sur mes catégorie.En fait je voudrais quand n’avoir que les catégorie méres qui apparaisse dans le sibar mais quand je passe sur la catégorie avec la souris en menu déroulant apparaisse avec les catégorie fille lié à la catégorie mére. exemple sur ce site : http://fr1.loccitane.com/1.index.asp (dans la colone de gauche).
je ne sais pas si c’est possible a faire, mais je crois que ça peut interressé pas mal de monde, voir peut-être même faire un plugin pour que ce soit plus facile pour tous le monde.
Tu vois comment faire ça ? c’est compliqué ? c’est long?
merci de ton aide.
phil
29 juin 2006 à 10 h 33 min #576195il te faut créer deux tables dans ton css
une pour le menu dans ta sidebar
et une autre pour l’affichage de tes sous catégories
ensuite il te faut créer une classe pour l’afichage normal (elle existe déjà dans ta sidebar classique)
et une nouvelle classe pour des sous catégories dans le rolloverle plus compliquer est ensuite la définition au niveau du php.
29 juin 2006 à 10 h 37 min #576196petite précision en loccurence, l’auteur du site a utilisé le javascript pour ce type de menu.
29 juin 2006 à 10 h 45 min #576197C’est tout à fait possible en JavaScript (voire même en CSS) 😉
Le but est de modifier le moins de trucs possibles 😋
Essaies d’abord ceci :
Dans ton fichier style.css (ou style_perso.css pour la page d’accueil 😉 )
li ul li li
{
display: none;
}
li ul li:hover li
{
display: block;
}Si ça ne marche pas j’essaierai de te faire un truc en JS 😕
29 juin 2006 à 10 h 46 min #576198ça devrait marcher reste qu’il faut décaller le block
29 juin 2006 à 11 h 12 min #576199ArtGraph wrote:ça devrait marcher reste qu’il faut décaller le blockUn petit margin-left: 15px; devrait suffire non ?
29 juin 2006 à 11 h 19 min #576200oui mais attention à ie, il se comporte mal avec ce genre de chose, à tester 🙂
29 juin 2006 à 11 h 21 min #576201C’est quoi IE ? 🙂
Sûrement pas un navigateur en tout cas 😆
-
AuteurMessages
- Vous devez être connecté pour répondre à ce sujet.