28173 sujets

CSS et mise en forme, CSS3

Bonjour,
J'éspère que ce sujet n'a pas encore été traité, ce serait la preuve que je cherche mal :o)
Voila, j'essaye de centrer les icones de liste dans le background, sur le reste du texte -
Les images restent obstinément calées en haut, quel que soit le % appliqué au background-position.

la page d'où l'on peut observer le phénomène:

la feuille de style complète:

voici la partie css:


li {
list-style-type:none;
background-image:url(../images/puceRouge.jpg);
background-repeat:no-repeat;
background-position:0% 65%;
padding-left:15px;
}

ainsi que (ce sont des liens) la partie appliquée aux liens

a.menu:link {
font-family : Verdana, Arial, Helvetica, sans-serif;
font-size : 12px;
color : #f1f1f1;
text-decoration : none;
line-height : 30px;
font-weight : bold;

}

si vous avez une soluce? merci d'avance.


--

kayorn
http://surfing.corsica.free.fr
Modifié par kayorn (22 Dec 2006 - 18:12)
Bonjour ...

Tout d'abord, pourrais-tu éditer ton premier post et mettre le code en forme ?
Puis, rajouter le lien vers la page posant problème : tu l'as oublié.
Merci

Sinon, je ne sais pas s'il s'agit d'un problème de pourcentage, mais tu peux toujours essayer ceci :
li {
  list-style-type:none;
  background:url(../images/puceRouge.jpg) left center no-repeat;
  padding-left:15px;
}

Dernière petite remarque : préfères les em aux pixels pour exprimer ta taille de police. Smiley cligne
Je viens de trouver l'erreur, bien qu'au demeurant cela n'en semblait pas une.
c'est le line-height des liens qui posait problème. j'ai donné le line-height à <li> et du coups les background-position sont devenus réglables.

désolé pour les liens, j'ai pourtant utilisé la mise en forme pour les url mais ça n'a pas fonctionné.j'ai dû me louper

revoici l'url en question:

http://www.prefigurations.com/nouvelObs/index.html

j'ai un mal de chien avec em , ca ne représente rien de comparable à px. je l'utilise parfois pour largeur de bordures.
Administrateur
kayorn a écrit :
désolé pour les liens, j'ai pourtant utilisé la mise en forme pour les url mais ça n'a pas fonctionné.j'ai dû me louper

Hello,

Cygnus ne parle pas des url mais de tes codes, qui ne sont pas affichés comme cela est demandé dans les règles du forum.

Voudrais-tu bien y remédier en éditant ton premier message ?
Merci d'avance Smiley cligne

EDIT : pour les "em", as-tu suivi le tutoriel correspondant ?
Modifié par Raphael (22 Dec 2006 - 17:11)