Enlever des espace blanc non voulu

Bonjour à tous,

j'ai deux question pour vous aujourd'hui. Il y a de ca 2-3 jours que je cherche partout et les sites ou j'ai vu la meme question rester sans réponse, alors je m'essais ici.


Premiere question: (1)

Dans une balise <ul><li> ... il y a un espace blanc entre la bullet et le texte. Je voudrais enlever cette espace. J'ai essayé pas mal toutes les fonction du css (display, margin, padding, float, ....) mais je n'ai pas réussi a enlever l'espace blanc. J'aimerais savoir si cela est fesable et si vous aviez une petite idée?


Deuxieme question: (2)

Dans un formulaire, lorsqu'on créer un boutton (input button), il y a un espace a gauche et a droite du texte à l'intérieur du bouton. J'aimerais savoir s'il est possible, l'a aussi, d'enlever les espace blanc? Une solution que je vois serais de remplacer le bouton par une image dans celui-ci, mais je voulais quand meme essayé avec les css.


J'ai fait des recherches sur le forums a savoir si des questions semblables avaient été posé et je n'ai pas trouvé. Si c'est le cas, merci de mettre le liens vers le poste.
Modifié par s_har_k (25 Apr 2005 - 22:58)

Dans le désordre:

- pour les espaces autour du texte des input type="button" c'est avec la propriété padding que ça se règle, sauf sous IE.

- pour les listes... j'ai essayé de bidouillé un peu, notamment avec la propriété marker-offset que je n'ai pas réussi à faire fonctionner. Eventuellement un moyen un peu tordu (mais qui ne fonctionne pas sous IE, à cause du pseudo-élément :before) :

li {
    list-style-type: none;   /* suppression du marqueur affiché par défaut */
}
li:before {
    content: url('disc.png');  /* image du marqueur de liste */
    margin-right: 5px;    /* espace entre le marqueur et l'élément */
}

Bonjour,
Une piste pour les listes, utiliser une image d'arrière plan, par exemple de 15px de large et avec un padding-left égal ou légèrement supérieur. Par contre pour les listes il est utile de bien défénir à zéro padding et margin et de juste déclaré par exemple le padding let ou le margin left.

ul{
margin:0;
padding:0;
}

li{
	padding:0 0 0 16px;
	background: url(image.gif) no-repeat 0 0;
}