Probleme css

[Affening]

Bonjour tout le monde,

 

j'ai créer un bout de code css pour un bouton, et je n'arrive pas à redimmensioner le bouton pour qu'il soir plus petit.

 

Voici le code :

 

<style type="text/css">


 ul#menu {
width: 10em;
margin: 0; padding: 0.2em 0.8em 0.8em;
border: 1px solid black;
background-color: grey;
 }
 * html ul#menu {  
width: 2em;
w\idth: 2em;
padding-left: 0;
padd\ing-left: 0.8em;
 }
 ul#menu li {
list-style: none;
margin: 0.4em; padding: 0;
 }

 ul#menu a, ul#menu span, ul#menu h6 {
display:block;
padding: 0.2em;
text-decoration: none; font-weight: bold;
border: 1px solid black;
border-left-color: white; border-top-color: grey;
color: black; background-color: #ccc;
 }
 * html ul#menu a, * html ul#menu span, * html ul#menu h2 {
width: 100%;	
w\idth: 8.8em;  
 }
 ul#menu a:hover, ul#menu span {
border-color: black;
border-left-color: black; border-top-color: black;
color: white; background-color: grey;
 }
 ul#menu h2 {
font-size: 1em;
margin: 1.1em 0 0;
border-color: gray;
color: black; background-color: #eee;
 }

</style>

 

 

Et regardez le résulta sur mon site : http://inforatix.free.fr

 

 

Avez vous une idée?

Merci de m'aider !!

++

[simous]

Aucun affichage avec IE7 ...

 

Certainement dû à une CSS "bancale", qui fait appel à de bizarres propriétés...

 

A mon avis, il faut retourner aux fondamentaux et faire beaucoup plus simple dans le code...

[KewlCat]

C'est clair que c'est pas ce qui se fait de plus simple... Avec cette manie de coller des "hacks" pour va-savoir-quelle raison en utilisant des doubles définitions <element> et * html <element>, des attributs width et w\idth .... Y'a des marges partout, des paddings dans tous les coins, des syntaxes qui changent d'un coup sur l'autre... Tous ces éléments et les sous-éléments qui ont des attributs différents sans raison apparente, ça donne le vertige....

Par ailleurs, peux-tu nous donner, en plus de tout ton CSS, le code correspondant à ce que tu appelles "un bouton" ? (qu'on voie bien ce sur quoi tu essaies d'appliquer ces douze mille styles)

 

Pour aller jusqu'au fond de ma pensé, quitte à se faire chier à tout réécrire en quadruple, autant faire des feuilles de styles différentes mais propres et mettre une détection du browser côté serveur, ça simplifierait grandement le développement !