liste css

liste css - HTML/CSS - Programmation

Marsh Posté le 24-08-2004 à 10:16:07    

Salut,
dans ce code css:

li.news  {
 margin: 0px 0px 0px 18px;
 padding: 0px;
}
ul.news  {
 margin: 0px;
 padding: 0px;
 list-style-image: url(../img/frames/arrow.gif);
 list-style-position: outside;
}


 
Comment déplacer arrow.gif de haut en bas qui n'est pas centré horizontalement par rapport au sous titre?
merci

Reply

Marsh Posté le 24-08-2004 à 10:16:07   

Reply

Marsh Posté le 24-08-2004 à 10:28:50    

ben faut détailler ton margin en margin-left, -right, -top, -bottom...
 
Et pis tu indiques un margin-top du nbre de px que tu veux décaler ton image

Reply

Marsh Posté le 24-08-2004 à 10:40:02    

vous avez un bon lien qui détail comment gérer des listes de bases avec les css svp?


Message édité par kameha le 24-08-2004 à 10:40:13
Reply

Marsh Posté le 24-08-2004 à 10:58:26    

Utilise plutôt un background-image (et un background-position) à ton <li>, tu as plus de chances d'avoir des résultats similaires dans la plupart des navigateurs.

Reply

Marsh Posté le 24-08-2004 à 11:05:32    

genre ça?

li.news  {
 margin: 0px 0px 0px 5px;
 padding: 0px;
 background-image: url(../img/frames/arrow.gif);
 background-position: 0px 0px;
}
ul.news  {
 margin: 0px 0px 0px;
 padding: 0px;
}


 
Ca peut etre bien mais pour l'instant le résultat est chaotique


Message édité par kameha le 24-08-2004 à 11:09:28
Reply

Marsh Posté le 24-08-2004 à 11:06:39    

j'ai oublié le no repeat

Reply

Marsh Posté le 24-08-2004 à 11:09:43    

background-position: 10px 5px;  
 
Par exemple...

Reply

Marsh Posté le 24-08-2004 à 11:14:52    

soluce a mon probleme ici je pense:
http://www.openweb.eu.org/articles/puces_images/

Reply

Sujets relatifs:

Leave a Replay

Make sure you enter the(*)required information where indicate.HTML code is not allowed