pb affichage encore

  • Statut : non résolu
15 sujets de 1 à 15 (sur un total de 22)
  • Auteur
    Messages
  • #448022
    phil007
    Membre
    Initié WordPress
    33 contributions

    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

    #576188
    ArtGraph
    Participant
    Padawan WordPress
    90 contributions

    qu’as-tu modifier dans le code de ta sidebar ?

    #576189
    phil007
    Membre
    Initié WordPress
    33 contributions

    ben 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

    #576190
    ArtGraph
    Participant
    Padawan WordPress
    90 contributions

    je teste et regarde ton css.

    #576191
    ArtGraph
    Participant
    Padawan WordPress
    90 contributions

    le 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.

    #576192
    phil007
    Membre
    Initié WordPress
    33 contributions

    merci de ta réponse, mais ça ne marche pas, toujours le décalage dans safari.

    merci quand même

    phil

    #576193
    ArtGraph
    Participant
    Padawan WordPress
    90 contributions

    j’ai pas testé sous safari :(

    #576194
    phil007
    Membre
    Initié WordPress
    33 contributions

    Merci 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

    #576195
    ArtGraph
    Participant
    Padawan WordPress
    90 contributions

    il 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 rollover

    le plus compliquer est ensuite la définition au niveau du php.

    #576196
    ArtGraph
    Participant
    Padawan WordPress
    90 contributions

    petite précision en loccurence, l’auteur du site a utilisé le javascript pour ce type de menu.

    #576197
    Qwindoo
    Modérateur
    Maître WordPress
    2866 contributions

    C’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 😕

    #576198
    ArtGraph
    Participant
    Padawan WordPress
    90 contributions

    ça devrait marcher reste qu’il faut décaller le block

    #576199
    Qwindoo
    Modérateur
    Maître WordPress
    2866 contributions
    ArtGraph wrote:
    ça devrait marcher reste qu’il faut décaller le block

    Un petit margin-left: 15px; devrait suffire non ?

    #576200
    ArtGraph
    Participant
    Padawan WordPress
    90 contributions

    oui mais attention à ie, il se comporte mal avec ce genre de chose, à tester 🙂

    #576201
    Qwindoo
    Modérateur
    Maître WordPress
    2866 contributions

    C’est quoi IE ? 🙂

    Sûrement pas un navigateur en tout cas 😆

15 sujets de 1 à 15 (sur un total de 22)
  • Vous devez être connecté pour répondre à ce sujet.