Forum |  HardWare.fr | News | Articles | PC | S'identifier | S'inscrire | Shop Recherche
1200 connectés 

  FORUM HardWare.fr
  Programmation
  HTML/CSS

  Affichage puce dans une liste

 


 Mot :   Pseudo :  
 
Bas de page
Auteur Sujet :

Affichage puce dans une liste

n°1096903
Nic_79
Posté le 25-05-2005 à 16:33:48  profilanswer
 

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
mood
Publicité
Posté le 25-05-2005 à 16:33:48  profilanswer
 

n°1096933
plainsofpa​in
Pingouino's lover
Posté le 25-05-2005 à 16:45:18  profilanswer
 

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
n°1097000
Hermes le ​Messager
Breton Quiétiste
Posté le 25-05-2005 à 17:15:42  profilanswer
 

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
n°1097155
FlorentG
Posté le 25-05-2005 à 19:29:42  profilanswer
 

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

n°1097202
gatsusat
Posté le 25-05-2005 à 20:00:18  profilanswer
 

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

n°1097206
afbilou
pouet your life
Posté le 25-05-2005 à 20:03:02  profilanswer
 

faut du padding left ...

n°1097210
gatsusat
Posté le 25-05-2005 à 20:07:19  profilanswer
 

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

n°1097519
plainsofpa​in
Pingouino's lover
Posté le 26-05-2005 à 08:09:03  profilanswer
 

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
n°1097523
masklinn
í dag viðrar vel til loftárása
Posté le 26-05-2005 à 08:26:24  profilanswer
 

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
n°1097608
Hermes le ​Messager
Breton Quiétiste
Posté le 26-05-2005 à 09:44:30  profilanswer
 

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
mood
Publicité
Posté le 26-05-2005 à 09:44:30  profilanswer
 

n°1097619
gatsusat
Posté le 26-05-2005 à 09:51:01  profilanswer
 

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

n°1097658
cerel
Posté le 26-05-2005 à 10:23:34  profilanswer
 

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
n°1097664
plainsofpa​in
Pingouino's lover
Posté le 26-05-2005 à 10:27:04  profilanswer
 

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
n°1097742
FlorentG
Posté le 26-05-2005 à 11:14:24  profilanswer
 

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 :

n°1097748
antp
Super Administrateur
Champion des excuses bidons
Posté le 26-05-2005 à 11:17:36  profilanswer
 

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
n°1097936
cerel
Posté le 26-05-2005 à 13:33:27  profilanswer
 

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
n°1097960
masklinn
í dag viðrar vel til loftárása
Posté le 26-05-2005 à 13:52:11  profilanswer
 

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
n°1098130
plainsofpa​in
Pingouino's lover
Posté le 26-05-2005 à 14:47:51  profilanswer
 

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
n°1098460
cerel
Posté le 26-05-2005 à 17:42:32  profilanswer
 

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 ...


Aller à :
Ajouter une réponse
  FORUM HardWare.fr
  Programmation
  HTML/CSS

  Affichage puce dans une liste

 

Sujets relatifs
Probleme liste deroulanteprobleme affichage japplet sous ie dans du html
Probleme affichage Japplet sous iemise en page dans liste déroulante
[Access] vider liste deroulantePb d'affichage de ScrollBar et d'un JButon
Problème affichage image dans un JLabelListe applications installées sous Windows XP
[QT/VisualC++] pb d'affichage, conversion projet QT<->VisualC++affichage tableau
Plus de sujets relatifs à : Affichage puce dans une liste


Copyright © 1997-2022 Hardware.fr SARL (Signaler un contenu illicite / Données personnelles) / Groupe LDLC / Shop HFR