IdentifiantMot de passe
Loading...
Mot de passe oublié ?Je m'inscris ! (gratuit)
Navigation

Inscrivez-vous gratuitement
pour pouvoir participer, suivre les réponses en temps réel, voter pour les messages, poser vos propres questions et recevoir la newsletter

Mise en page CSS Discussion :

Probleme avec list-style-image:url()


Sujet :

CSS

Vue hybride

Message précédent Message précédent   Message suivant Message suivant
  1. #1
    Membre confirmé
    Profil pro
    Inscrit en
    Février 2007
    Messages
    228
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Février 2007
    Messages : 228
    Par défaut Probleme avec list-style-image:url()
    Bonjour a tous,

    Voila je suis confronter a un problème bizard avec la fonction. list-style-image:url(../images/puce/puce.gif);
    Mon image est visible sous firefox mais pas sous ie7.

    Quelqu'un a deja rencontré ce problème.

    J'ai essayer avec une image gif, une image jpeg.
    J'ai également essayer de mettre la fonction sur ul et sur li

    Merci par avance.

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
     
    		<div id="espace">
    		&nbsp;
    		</div>
    		<div id="menu_head">
    			<ul id="menu_haut">
    			<li>La soci&eacute;t&eacute;</li>
    			<li>Bon de commande</li>
    			<li>Catalogue &amp; fiches</li>
    			<li>Contact</li>
    			</ul>
    		</div>
    et mon bout de css

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    #menu_haut{ list-style-image:url(../images/puce/puce.gif);}
    #menu_haut li{ color:#ffffff; font-size:11px; font-family:Tahoma;}

  2. #2
    Membre Expert Avatar de Erwan31
    Profil pro
    Inscrit en
    Février 2008
    Messages
    2 177
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Février 2008
    Messages : 2 177
    Par défaut
    Bonjour,
    sans plus d'élément difficile à dire, il faudrait que tu donnes la totalité de ta CSS
    et aussi si possible du code HTML.

    Eviter les unités pixel pour le corps du texte, cela verrouille la commande
    d'agrandissement et de diminution de taille du texte dans IE.

  3. #3
    Membre averti
    Profil pro
    Inscrit en
    Décembre 2007
    Messages
    28
    Détails du profil
    Informations personnelles :
    Âge : 40
    Localisation : France, Ille et Vilaine (Bretagne)

    Informations forums :
    Inscription : Décembre 2007
    Messages : 28
    Par défaut
    Bonjour,

    Tu es sûr que l'image est bien là où tu l'indiques??
    J'ai testé chez moi avec ton code et une puce à moi et ça marche très bien...

    essaie d'enlever le "../" et de bien re-vérifier la source.

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
     
    #menu_haut{ list-style-image:url(images/puce/puce.gif);}

  4. #4
    Membre confirmé
    Profil pro
    Inscrit en
    Février 2007
    Messages
    228
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Février 2007
    Messages : 228
    Par défaut
    oui oui j'ai plusieurs listes dans le site de mon client.

    Ça ne le fait que sur celle-ci.

    Au pire je vais reprendre tout le header

  5. #5
    Membre confirmé
    Profil pro
    Inscrit en
    Février 2007
    Messages
    228
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Février 2007
    Messages : 228
    Par défaut
    BOn un petit up avec un plus gros morceau de code tjr pour le meme probleme

    Code html
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
    15
    16
    17
    18
    19
    20
    21
    22
    23
    24
    25
    26
    27
     
    	<div id="header">
    		<div id="choix"><span class="gras_blanc">Mati&egrave;re :</span> 
    			<select name="select" class="select">
    			<option>Choisissez</option>
    			<option>Bambou</option>
    			<option>Porcelaine</option>
    			<option>Inox, etc...</option>
    			<option>Sur mesure</option>
    			<option>Gr&egrave;s</option>
    			<option>Bois</option>
    			<option>Verre</option>
    			<option>Verrines</option>
    			</select>
    		</div>
    		<div id="espace">
    		&nbsp;
    		</div>
    		<div id="menu_head">
    			<ul id="menu_haut">
    			<li><a href="societe.php">La soci&eacute;t&eacute;</a></li>
    			<li><a href="commande.php">Bon de commande</a></li>
    			<li><a href="fiche.php">Catalogue &amp; fiches</a></li>
    			<li><a href="contact.php">Contact</a></li>
    			</ul>
    		</div>
    	</div>
    Le code css de positionnement des blocs
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
    15
    16
    17
     
    /* global */
    body{ margin:0; padding:0;}
    .img_bloc{ display:block;}
    .bloc_dynamique{ width:250px; float:left; margin:18px 0 0 5px; _margin:18px 0 0 3px; padding:6px;}
     
    h4{ margin:0 0 10px 0; padding:0 0 0 20px;}
    .texte_bloc{ padding:0 0 0 20px; }
    .titre_bloc{ margin:0; padding:9px;}
    #page{ width:740px; margin:0 auto;}
    #header{ width:740px; height:60px;}
    #header #choix{ width:230px; height:40px; padding:20px 0 0 20px; float:left;}
    #header #menu_head{height:60px; float:left; margin:0 0 0 30px;}
    #choix .select{width:108px; height:18px; margin:0 0 0 40px; padding-left:4px;}
    #menu_haut{ margin:20px 0 0 0;}
    #menu_haut li{float:left; margin:0 30px 0 0;}
    #espace{ float:left; border-right:1px solid red; margin:20px 0 0 0;}
    et celui des style
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
     
    /* global */
    img{ border:none;}
    .bloc_dynamique{ border:1px solid #E1E1E1}
    .texte_bloc{color:#464646; font:11px Tahoma, Arial, Helvetica, sans-serif; }
    .titre_bloc{ background-color:#EBEBEB; font:12px Tahoma, Arial, Helvetica, sans-serif; font-weight:bold;}
    .rouge{ color:#EC4629; font-family:Tahoma;}
    #header{ background-color:#5F4E50;}
    .select{color:#464646; font:10px Tahoma, Arial, Helvetica, sans-serif;}
    #choix .gras_blanc{color:#fff; font:11px Tahoma, Arial, Helvetica, sans-serif; font-weight:bold;}
    #menu_haut{ list-style-image:url(../images/puce/puce.gif);}
    #menu_haut a, #menu_haut a:visited {color:#fff; font:11px Tahoma, Arial, Helvetica, sans-serif; text-decoration:none;}
    #menu_haut a:hover{text-decoration:underline;}
    je suis vraiment en galère d'idée d'où peut venir mon problème hellp please

Discussions similaires

  1. Décalage dans IE avec list-style-image
    Par creatchy dans le forum Mise en page CSS
    Réponses: 3
    Dernier message: 01/02/2007, 13h54
  2. probleme avec liste chainée
    Par isoman dans le forum C
    Réponses: 14
    Dernier message: 29/11/2006, 23h03
  3. probleme avec liste chainée
    Par Liiscar dans le forum Collection et Stream
    Réponses: 3
    Dernier message: 28/11/2006, 20h37
  4. list-style-image riquiqui a l'impression
    Par speedev dans le forum Mise en page CSS
    Réponses: 2
    Dernier message: 20/10/2006, 13h57
  5. [MySQL] probleme avec liste déroulante et requete
    Par Ludo75 dans le forum PHP & Base de données
    Réponses: 2
    Dernier message: 26/01/2006, 13h55

Partager

Partager
  • Envoyer la discussion sur Viadeo
  • Envoyer la discussion sur Twitter
  • Envoyer la discussion sur Google
  • Envoyer la discussion sur Facebook
  • Envoyer la discussion sur Digg
  • Envoyer la discussion sur Delicious
  • Envoyer la discussion sur MySpace
  • Envoyer la discussion sur Yahoo