28172 sujets

CSS et mise en forme, CSS3

Bonjour à tous,

J'espère vraiment que quelqu'un pourra trouver la petite astuce à mon pb, J'ai un menu déroulant avec 6 items mais lorsque l'on regarde à gauche du menu il y a un espace... Je n'arrive pas à l'adapter...

lien : http://www.d-lightproduction.com/index1.html

Ma div menu est à 100 %

Le souci c que dans les propriétés CSS de mon menu soit menu dll je ne peux pas mettre des % avec une virgule pour configurer la largeur. Et Si je mets 16 % j'ai 96 % en tout et le compte n'est pas rond d'ou l'espace sur la gauche et je ne sais pas comment donner un % différents pour chaque items genre
Item 1 : 16
Item 2 : 17
Item 3 : 16
Item 4 : 17
Item 5 : 17
Item 6 : 17

Le pourcentage appliqué pour la largeur est unique et identique pour tous les items dans les propriétés "positionnement" du menu dll (ci-dessous)...ça doit être tout bête mais je trouve pas...

Ma feuille de style


#menu {
	position: fixe;
	top: 114px;
	left: 101px;
	z-index:100;
	width: 100%;
	color: #006600;
	overflow: auto;
	float: left;
	text-align: left;
	background-position: left top;
}
#menu dl {
	float: left;

	width: 8.em;
	margin-top: 0;
	margin-right: 1px;
	margin-bottom: 0;
	margin-left: 1px;
	width: 16%;
	clear: Aucune;
	background-position: center;
}
#menu dt {
	cursor: pointer;
	text-align: center;
	font-weight: bold;
	border: 1px solid gray;
	background-color: #494949;
}
#menu dd {
border: 1px solid gray;
}
#menu li {
	text-align: center;
	background: #fff;
	color: #000000;
}
#menu li a, #menu dt a {
	color: #FFFFFF;
	text-decoration: none;
	display: block;
	height: 100%;
	border-top-width: thin;
	border-right-width: thin;
	border-bottom-width: thin;
	border-left-width: thin;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	font-family: Tahoma;
	font-size: 13px;
	background-color: #494949;
}
#menu li a:hover, #menu dt a:hover {
	background-color: #E0EECA;
	color: #000000;
} 


Règles de messages
You may post new threads
You may post replies
You may post attachments
You may edit your posts

--------------------------------------------------------------------------------

BB code is oui
Les smileys sont activés : oui
La balise [IMG] est activée : oui
Le code HTML peut être employé : non
1// Quel est ton but? Centrer le menu ou le coller à gauche?
2// Je suis (excuse moi l'expression) tombé sur mon cul, en ouvrant le code source.

va voir: , ou encore ici.

Je pense que tu pourras également mettre [Résolu], car ton plus gros problème, c'est la "tablite"
Modifié par Calak (16 Oct 2008 - 17:23)
Oui je sais j'ai utiliser un peu de tout css et tableau pour cet exemple car j'étais tellement perdu que j'ai essayé un peu n'importe quoi.

mais à la base la page est entièrement en css et j'avais le même pb, je n'arrivais pas à faire en sorte que le menu soit de la même largeur que le conteneur mais là je crois avoir trouvé...

nouveau lien : http://www.d-lightproduction.com/index2.html