Affichage puce dans une liste

Affichage puce dans une liste - HTML/CSS - Programmation

Marsh Posté le 25-05-2005 à 16:33:48    

J'ai utilisé une image pour mon menu de gauche qui se présente sous forme de liste. Lors du téléchargement de la page l'image ne s'affiche pas imédiatement. Je suis obligé de rafraîchir la page. Voici l'adresse de mon site que je suis entrain de refaire : www.nicolas79.ch.


---------------
Nic
Reply

Marsh Posté le 25-05-2005 à 16:33:48   

Reply

Marsh Posté le 25-05-2005 à 16:45:18    

je te conseillerais d'enlever le "." a la fin de ton lien ...
 
Sinon tes éléments li font partie d'une classe li1, c'est dans celle ci que tu devrais mettre le list-style-image ...
 
Edit : ton répertoire image est nommé Images, avec une majuscule. Conseil : évites parce que tu vas l'oublier des fois ^^'


Message édité par plainsofpain le 25-05-2005 à 16:46:16

---------------
http://www.alsacreations.com , http://www.openweb.eu.org. Mon CV : http://cv.roane-irkana.net/. Exemple à ne surtout pas suivre : www.worldinternet.be
Reply

Marsh Posté le 25-05-2005 à 17:15:42    

Moi je lui conseille de quarément pas utiliser d'image dans les puces parce que :
 
1) L'espacement entre l'image et le texte est différent sur chaque navigateur ou presque.
2) Le vertical align de l'image est différent sur chaque navigateur ou presque.
 
Malheureusement à l'heure actuelle, il n'y a pas de solution satisfaisante. La meilleure reste une image normale avant le contenu du li. [:spamafote]


---------------
Expert en expertises
Reply

Marsh Posté le 25-05-2005 à 19:29:42    

Moi je met l'image de puce en background-image [:ddr555]

Reply

Marsh Posté le 25-05-2005 à 20:00:18    

idem ke FlorentG
 
background-image : monimg.gif;
background-position : 5px 1px; //(par exemple)
backgroud-repeat : no-repeat

Reply

Marsh Posté le 25-05-2005 à 20:03:02    

faut du padding left ...

Reply

Marsh Posté le 25-05-2005 à 20:07:19    

oui mais là je montrais l'exemple ke pour l'image ma poule

Reply

Marsh Posté le 26-05-2005 à 08:09:03    

gatsusat a écrit :

oui mais là je montrais l'exemple ke pour l'image ma poule


 
Quelle familiarité ! C'est le grand amour on dirait entre vous ^^


---------------
http://www.alsacreations.com , http://www.openweb.eu.org. Mon CV : http://cv.roane-irkana.net/. Exemple à ne surtout pas suivre : www.worldinternet.be
Reply

Marsh Posté le 26-05-2005 à 08:26:24    

gatsusat a écrit :

idem ke FlorentG
 
background-image : monimg.gif;
background-position : 5px 1px; //(par exemple)
backgroud-repeat : no-repeat


 
Pour le background-position, utiliser center left
Ajouter du padding-left au li (souligné par afbilou), de la largeur de l'image (enfin un peu plus grand en fait, pour ne pas coller les deux).
Utiliser les shorthands, c'est à la fois plus clair et plus optimisé.
 
Donc si l'image de puce est "puce.png" en 10*10

#ma_liste li {
    background: url(puce.png) no-repeat center left;
    padding-left: 15px;
}


---------------
Stick a parrot in a Call of Duty lobby, and you're gonna get a racist parrot. — Cody
Reply

Marsh Posté le 26-05-2005 à 09:44:30    

masklinn a écrit :

Pour le background-position, utiliser center left
Ajouter du padding-left au li (souligné par afbilou), de la largeur de l'image (enfin un peu plus grand en fait, pour ne pas coller les deux).
Utiliser les shorthands, c'est à la fois plus clair et plus optimisé.
 
Donc si l'image de puce est "puce.png" en 10*10

#ma_liste li {
    background: url(puce.png) no-repeat center left;
    padding-left: 15px;
}



 
+1 tout est dit.


---------------
Expert en expertises
Reply

Marsh Posté le 26-05-2005 à 09:44:30   

Reply

Marsh Posté le 26-05-2005 à 09:51:01    

/me fouette Masklinn bien fort....
 
 
 
 
... pour le plaisir:)

Reply

Marsh Posté le 26-05-2005 à 10:23:34    

Je suis alle sur le site, apparament la page a du etre deplace, mais j'ai remarque ca :

Citation :


La page demandée n'est pas disponible !
 
Avez-vous bien respecté la syntaxe "http://www" avant le nom de domaine ?


Ou est la pelle a clous ?!?
Le www devant une adresse est une aberation
 
 
Ahh, voila, me sens mieux.


Message édité par cerel le 26-05-2005 à 10:23:50
Reply

Marsh Posté le 26-05-2005 à 10:27:04    

cerel, pourquoi tant de haine ?
 
Bon ok, moi non plus j'ai pas mis de www a mon nom de domaine, mais c'est pas une raison :D


---------------
http://www.alsacreations.com , http://www.openweb.eu.org. Mon CV : http://cv.roane-irkana.net/. Exemple à ne surtout pas suivre : www.worldinternet.be
Reply

Marsh Posté le 26-05-2005 à 11:14:24    

cerel a écrit :

Je suis alle sur le site, apparament la page a du etre deplace, mais j'ai remarque ca :

Citation :


La page demandée n'est pas disponible !
 
Avez-vous bien respecté la syntaxe "http://www" avant le nom de domaine ?


Ou est la pelle a clous ?!?
Le www devant une adresse est une aberation
 
 
Ahh, voila, me sens mieux.


+1, ça me saoûle tous ces sites de merde où les www sont requis. Et le pire ce sont les sites qui sont différents si tu mets www ou pas, exemple :

Reply

Marsh Posté le 26-05-2005 à 11:17:36    

cerel a écrit :

Je suis alle sur le site, apparament la page a du etre deplace, mais j'ai remarque ca :


 
non c'est le "." à la fin de l'URL qui fait ça
 
et moi aussi ça m'énerve les sites qui ne marchent pas sans le "www" devant :o)


Message édité par antp le 26-05-2005 à 11:18:05

---------------
mes programmes ·· les voitures dans les films ·· apprenez à écrire
Reply

Marsh Posté le 26-05-2005 à 13:33:27    

plainsofpain a écrit :

cerel, pourquoi tant de haine ?
 
Bon ok, moi non plus j'ai pas mis de www a mon nom de domaine, mais c'est pas une raison :D


Non, justement tu as bien fait, c'est l'inverse qui m'enerve. C'est le fait que les gens pensent que le "www." est obligatoire (malheureusement certains site le rendent obligatoire ... :/).
 
Selon le message d'erreur, le "www." devant l'adresse d'un site est "obligatoire".
Le "www." est une aberation. Une site pour fonctionner ne devrait pas avoir besoin de metre "www." devant. Ca fait double effet avec "http".
 

antp a écrit :

non c'est le "." à la fin de l'URL qui fait ça
 
et moi aussi ça m'énerve les sites qui ne marchent pas sans le "www" devant :o)


Arf, j'avais pas vu le petit point qui s'etait glisse :p


Message édité par cerel le 26-05-2005 à 13:34:34
Reply

Marsh Posté le 26-05-2005 à 13:52:11    

cerel a écrit :

Ca fait double effet avec "http".


Nein [:aloy]  
 
www.abc.com = sous-domaine "www" du domaine "abc" [:aloy]  
 
Donc effectivement stupide de le forcer, mais aucune redondance avec http, ça n'a strictement rien à voir [:aloy]
(contrairement à ftp://ftp.machin.bidule [:johneh])


Message édité par masklinn le 26-05-2005 à 13:53:08

---------------
Stick a parrot in a Call of Duty lobby, and you're gonna get a racist parrot. — Cody
Reply

Marsh Posté le 26-05-2005 à 14:47:51    

http, c'est le protocole et www le sous domaine.  
 
Ce que j'ai voulu dire, c'est que je n'ai pas forcé le www dans mon domaine, mais que ca me dérange pas ...


---------------
http://www.alsacreations.com , http://www.openweb.eu.org. Mon CV : http://cv.roane-irkana.net/. Exemple à ne surtout pas suivre : www.worldinternet.be
Reply

Marsh Posté le 26-05-2005 à 17:42:32    

Vi je sais que "www." est le sous domaine, mais beaucoup de monde pense qu'il est obligatoire.
 
Mais comme son nom l'indique c'est un "sous-domaine", ou un "sous-site". Ce que je reproche c'est le fait que beacoup de sites soient configures de telle facon que pour acceder au domaine il faut passer par un sous-domaine ...

Reply

Sujets relatifs:

Leave a Replay

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