Menu et image de fond

Bonsoir,

J'ai créer un menu horizontal en css, mais l'image de fond (background) apparaît uniquement sur FF et non sous IE.
Est-ce que quelqu'un peut me donner un coup de main?

Merci d'avance , voici le lien:
http://www.auto-ecole-daniel.ch/menu.html


merci

Bonjour,

je n'ai pas du tout essayé mais il n'y a pas d'espace entre url() et repeat, ça vient peut-être de là?

Hello,

Malheureusement les espaces ne produisent rien...
Je ne comprends pas pourquoi IE ne saisit pas la commande, faut-il créer un"hack"?

Merci de votre aide
garden

Lien: http://www.auto-ecole-daniel.ch/menu.html

Ouep!

Felipe a bel et bien raison!

Garden essaye de mettre un espace avant repeat:

Problème--> background: url(images/bcmenu.jpg)repeat;

Solution--> background: url(images/bcmenu.jpg) repeat;

J'ai testé ton code sur FF et IE et tout fonctionne!

J'suis désolé, effectivement ça fonctionne parfaitement.
En interne, la modification n'affectait rien

Merci à vous tous

Garden

Le sujet est-il [Résolu] dans ce cas-là?


Si tu ne voyais pas la modif en local, c'était peut-être un problème de cache. Ctrl + F5 dans ce cas-là pour un rafraîchissement forcé du cache (plus complet qu'avec juste F5)

Re-boujour,
Le sujet n'st pas tout à fait résolu...
Au fait j'aimerai bien créer un LI active pour pouvoir être le plus clair possible, je me suis prit de plusieurs manières sans (malheureusement de) résultat

Je vous donne le code:

 
 <div id="menu">
          <div id="tabs10">
            <ul>
              <li>
              <a href="#" title="accueil">
                <span>
                  ACCUEIL
                </span></a></li>
              <li>
              <a href="#" title="moniteurs">
                <span>
                  MONITEURS
                </span></a></li>
             <li id="active">
                  
              <a id="current1" href="#" title="cours">
                <span>
                  COURS</span></a></li>
              <li>
              <a href="#" title="tarifs">
                <span>
                  TARIFS
                </span></a></li>
              <li>
              <a href="#" title="boutique">
                <span>
                  BOUTIQUE</span></a></li>
              <li>
              <a href="#" title="contact">
                <span>
                  CONTACT
                </span></a></li>
              <li>
              
            </ul>
          </div>
        </div>

et la css:

#menu {
	position: absolute;
	top: 101px;
	left: 13px;
	width: 720px;
	height: 24px;
	margin: 0px;
	padding: 0px;
	background: url(images/bcmenu.jpg) repeat;
}
#tabs10 {
	float: left;
	width: 100%;
	font-size: 93%;
	line-height: normal;
}
#tabs10 ul {
	margin: 0;
	padding: 0px 10px 0 0px;
	list-style: none;
}
#tabs10 li {
	display: inline;
	margin: 0;
	padding: 0;
}
#tabs10 a {
	float: left;
	background: url(images/tableftAA.gif) no-repeat left top;
	margin: 0;
	padding: 0 0 0 4px;
	text-decoration: none;
	font-weight: bold;
	border: none;
}
#tabs10 a span {
	float: left;
	display: block;
	background: url(images/tabrigi22.gif) no-repeat right top;
	padding: 5px 15px 4px 6px;
	color: #333;
}
/* Commented Backslash Hack hides rule from IE5-Mac \*/
#tabs10 a span {
	float: none;
}
/* End IE5-Mac hack */
#tabs9 a:hover span{
	color: #FFF;
}
#tabs10 a:hover a#current1 {
	background-position: 0% -43px;
}
#tabs10 a:hover span {
	background-position: 100% -43px;
}

Merci du coup de pouce
garden

Qu'appels tu un li active ?

Tes balises span ne servent à rien

Salut,

Le but étant que le bouton soit mis en valeur (en état de survol et fixe )sur la page page décrite courant (current1)

Merci de ton aide
Modifié par garden (21 Feb 2006 - 19:53)