28220 sujets

CSS et mise en forme, CSS3

Centrer un element de suite

Bonjour tout le monde, je realise un menu deroulant , voici la page ou vous pouvez consulter le menu :


je voudrais tt simplement savoir comment je peux centrer le mot "toto"

voici mon code: 
 
<html>
 <head>


<style type="text/css">



#nav, #nav ul{ /* toutes les listes */
	padding: 0;
	margin: 0;
	list-style: none;
	line-height: 1;
        
         
}

#nav a {
	display: block;
	width: 0em;
}

#nav li { /* tous les items de liste */
	float: left;
	width: 0em; /* largeur obligatoire, sinon opera devient fou */
}

#nav li ul { /* listes de deuxième niveau */
	position: absolute;
	background-image: url(http://www.dbc-marketing.fr/image/cartouche2.gif);
	width: 0em;
	left: -999em; /* on met left plutôt que display pour cacher les menus parce que display: none n'est pas lu par les 

lecteurs d'écran */
}

#nav li:hover ul, #nav li.sfhover ul { /* listes imbriquées sous les items de listes survolés */
	left: auto;
}

#content {
	clear: left;
	color: #ccc;
}

</style>

<script type="text/javascript"><!--//--><![CDATA[//><!--

sfHover = function() {
	var sfEls = document.getElementById("nav").getElementsByTagName("LI");
	for (var i=0; i<sfEls.length; i++) {
		sfEls[i].onmouseover=function() {
			this.className+=" sfhover";
		}
		sfEls[i].onmouseout=function() {
			this.className=this.className.replace(new RegExp(" sfhover\\b"), "");
		}
	}
}
if (window.attachEvent) window.attachEvent("onload", sfHover);

//--><!]]></script>







 </head>
<body>


<table width=146 height=18 cellpadding=0 cellspacing=0>
 <tr> 
   <td width=146 height=18 >

<ul id="nav">
             <li ><a href="#"><img border=0 src="http://www.dbc-marketing.fr/image/cartouche7.gif"></a>
	       <ul>
		<li><a href="http://www.dbc-marketing.fr/preenseigne-standard.html">toto</a></li>
		<li ><a href="http://www.dbc-marketing.fr/mobilier-urbain.html"><img border=0 

src="http://www.dbc-marketing.fr/image/cartouche6.gif"></a></li>
	     </ul>
            </li>
          </ul>
 </tr>
 </td>
</table>
 
</body>
</html>


merci de m'aider[/i][/i]
Administrateur
Salut,

Ton mot "toto" est un texte contenu dans un bloc (liste).
Il suffit d'appliquer la déclaration text-align: center, sur le bloc pour que son contenu en ligne soit centré Smiley smile
Sujet clos
Aller à