<ul> <li> et comportement étrange

<ul> <li> et comportement étrange - HTML/CSS - Programmation

Marsh Posté le 26-09-2002 à 14:46:29    

Voilà, j'ai mis en ligne le draft du futur site JavaHFR. Comme je ne veux pas faire honte aux membres de l'équipe, je tiens à coder du mieux possible. :D
 
http://yozakura.free.fr/javahfr/
 
Il y a un problème dans les listes du menu : le placement de l'image correspondant à chaque premier item est placé trop haut : l'espace entre la première et la deuxième image est systématiquement plus grand que les autres.
 
Ensuite, est-il possible de définir une marge pour l'image utilisée en symbole ? J'aimerai que l'icone en forme de check ait une marge de 2px (sans recréer l'image bien sûr, juste à la force du code).
 
Enfin, j'ai l'impression de bidouiller salement avec les <ul> et les <li>, y a des conseils de base que j'ignore ?


---------------
Le site de ma maman
Reply

Marsh Posté le 26-09-2002 à 14:46:29   

Reply

Marsh Posté le 26-09-2002 à 14:50:21    

Autant pour moi, je n'ai ce problème que sous une seule machine. (IE5 + Windows 2000), mais pas l'autre (IE5.5 + Windows 2000).
 
Par contre, ça n'empêche pas le fait que le placement des flèches vertes n'est pas comme je le voudrais. En fait l'idéal serait que ça resemble à ça :
 
http://yozakura.free.fr/javahfr/index1.html
 
ça a été codé à la sauvage, sans listes et ça fait ce que je veux, mais bon, les listes c'est quand même plus propre. Alors possible ou pas ?


---------------
Le site de ma maman
Reply

Marsh Posté le 26-09-2002 à 14:57:26    

Pas mal le sondage sur la page :D


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

Marsh Posté le 26-09-2002 à 14:58:35    

antp a écrit a écrit :

Pas mal le sondage sur la page :D



Je cherchais plus un truc à écrire qu'autre chose. patapai --greg-- !


---------------
Le site de ma maman
Reply

Marsh Posté le 26-09-2002 à 15:03:07    

Cherrytree a écrit a écrit :

Autant pour moi, je n'ai ce problème que sous une seule machine. (IE5 + Windows 2000), mais pas l'autre (IE5.5 + Windows 2000).
 
Par contre, ça n'empêche pas le fait que le placement des flèches vertes n'est pas comme je le voudrais. En fait l'idéal serait que ça resemble à ça :
 
http://yozakura.free.fr/javahfr/index1.html
 
ça a été codé à la sauvage, sans listes et ça fait ce que je veux, mais bon, les listes c'est quand même plus propre. Alors possible ou pas ?



Je pense que tu devrais trouver des solutions là dedans : http://devedge.netscape.com/viewso [...] st-indent/
 
Perso, j'en ai toujouer ch*é avec IE et les listes :/

Reply

Marsh Posté le 26-09-2002 à 15:05:12    

Je vous montre quand même le patai :
 
http://yozakura.free.fr/hfr/troho.gif


---------------
Le site de ma maman
Reply

Marsh Posté le 26-09-2002 à 15:05:49    

gm_superstar a écrit a écrit :

 
Je pense que tu devrais trouver des solutions là dedans : http://devedge.netscape.com/viewso [...] st-indent/
 
Perso, j'en ai toujouer ch*é avec IE et les listes :/



Bon, ben je vais matter l'article et revenir à ma solution bof, je pense.


---------------
Le site de ma maman
Reply

Marsh Posté le 26-09-2002 à 15:09:34    

Cool ça :
 

list-style-position: inside;


 
Déjà ça résout une cochonnerie.


---------------
Le site de ma maman
Reply

Marsh Posté le 26-09-2002 à 15:22:12    

Cherrytree a écrit a écrit :

Cool ça :
 

list-style-position: inside;


 
Déjà ça résout une cochonnerie.



Mais bon, c'est à peu près tout. :( De toutes manières, c'est un ch'ti bug pas grave.


---------------
Le site de ma maman
Reply

Marsh Posté le 26-09-2002 à 15:26:45    

Il reste quoi comme problème ?

Reply

Marsh Posté le 26-09-2002 à 15:26:45   

Reply

Marsh Posté le 26-09-2002 à 16:27:23    

gm_superstar a écrit a écrit :

Il reste quoi comme problème ?



Ah oui... Et bien, ça a un rapport avec la ligne de base : le texte et l'image composant un item de liste sont posés sur la même ligne. J'aimerai pouvoir "monter" le texte par rapport à l'image, ou l'inverse comme je le fais avec la page brute http://yozakura.free.fr/javahfr/index1.html (attribut align="absmiddle" )
 
J'aimerai aussi savoir s'il est possible de définir une marge autour de l'image utilisé comme initiateur de liste.


---------------
Le site de ma maman
Reply

Marsh Posté le 26-09-2002 à 16:29:10    

si j'osais, je dirais qu'il manque <ul> dans un coin

Reply

Marsh Posté le 26-09-2002 à 16:33:11    

'tin, dire que j'ai cherché dans le source... Je suis vraiment un âne. En tous cas, tu m'as bien attrapé p'tit salaud. "manque ul", très fin. :o


---------------
Le site de ma maman
Reply

Marsh Posté le 26-09-2002 à 16:42:27    

j'aurais pu faire pire : s/un coin/le <li>/

Reply

Marsh Posté le 26-09-2002 à 16:46:30    

Pas compris celui là. est-ce sur un coin sur le lit ? Sous le lit sous un coin sous s ? Non, je vois pas, mais là n'est pas le sujet de toutes manières.


---------------
Le site de ma maman
Reply

Marsh Posté le 26-09-2002 à 17:29:51    

Ben le problème c'est que images et texte sont toujours sur la même ligne de base. Pour la boite check ça va encore, mais pour la flèche ça se voit plus c'est sûr.
 
Y'a moyen de changer ça mais il ne faut pas passer par les listes :/ Perso, ça me choque pas.

Reply

Marsh Posté le 26-09-2002 à 17:47:06    

gm_superstar a écrit a écrit :

Y'a moyen de changer ça mais il ne faut pas passer par les listes :/ Perso, ça me choque pas.



Que je ne pass pas par les listes ?


---------------
Le site de ma maman
Reply

Marsh Posté le 26-09-2002 à 17:54:52    

Ben en mettant bêtement une image avant le texte :D

Reply

Marsh Posté le 26-09-2002 à 18:02:12    

gm_superstar a écrit a écrit :

Ben en mettant bêtement une image avant le texte :D



Ok, j'attendais confirmation. Donc adieu les listes. Je vous aimais bien pourtant. Sniff.


---------------
Le site de ma maman
Reply

Marsh Posté le 26-09-2002 à 18:08:42    

La checkbox va bien. C'est la flèche qui foire parce que la point de celle-ci est forcément plus haute que le texte. Essaye de mettre quelque chose d'autre. C'est dommage de balancer les listes pour ça.

Reply

Marsh Posté le 26-09-2002 à 18:12:21    

gm_superstar a écrit a écrit :

La checkbox va bien. C'est la flèche qui foire parce que la point de celle-ci est forcément plus haute que le texte. Essaye de mettre quelque chose d'autre. C'est dommage de balancer les listes pour ça.



Oui tu as raison. Je vais trouver autre chose de plus discret. C'est la meilleure solution. Au fait tu visualises avec quel navigateur ? ça marche bien ?


---------------
Le site de ma maman
Reply

Marsh Posté le 26-09-2002 à 18:15:53    

Là je suis sous Linux, donc avec Mozilla (et éventuellement Konqueror.). Sinon avec aussi IE 6 et 5.5 si je suis sous Win.
 
Pour l'instant ça marche bien :)

Reply

Marsh Posté le 27-09-2002 à 01:01:29    

gm_superstar a écrit a écrit :

Là je suis sous Linux, donc avec Mozilla (et éventuellement Konqueror.). Sinon avec aussi IE 6 et 5.5 si je suis sous Win.
 
Pour l'instant ça marche bien :)



Cool, merci encore pour toute ton aide précieuse. :jap:  :jap:  :jap:


---------------
Le site de ma maman
Reply

Marsh Posté le    

Reply

Sujets relatifs:

Leave a Replay

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