[CSS][Résolu] Un pixel en trop sur du li

Un pixel en trop sur du li [CSS][Résolu] - HTML/CSS - Programmation

Marsh Posté le 22-10-2005 à 10:56:32    

Bonjour à vous !
 
Petit souci que je n'arrive pas à résoudre depuis un bon moment, le pixel de trop entre chaque <li> sous IE...
Voici l'exemple:
http://www.rpgamers-fr.com/rpgamers3/pixentrop.gif
 
Et mon code :P
 

Code :
  1. ul {
  2. margin: 0px;
  3. padding: 0px;
  4. list-style-type: none;
  5. }
  6. #droite {
  7. float:right;
  8. width:180px;
  9. }
  10. #droite li {
  11. width:180px;
  12. }


 

Code :
  1. <div id="droite">
  2. <ul>
  3. <li style="background-image:url(images/titre_wallpaper.gif); background-repeat:no-repeat; height:16px;"></li>
  4. <li><img src="images/temp_wallpaper.gif" width="180" height="135" alt="" /></li>
  5. </ul>
  6. </div>


 
 
C'est incroyable que sous IE, il m'ajoute un pixel de plus alors que je ne lui ai rien demandé...
Je précise que y a aucun souci sous FF.
Merci à vous !

Message cité 1 fois
Message édité par Nigel_ le 25-10-2005 à 13:36:47

---------------
RPGamers, la passion du RPG : http://www.rpgamers.fr
Reply

Marsh Posté le 22-10-2005 à 10:56:32   

Reply

Marsh Posté le 22-10-2005 à 11:07:47    

Nigel_ a écrit :

Bonjour à vous !
 
Petit souci que je n'arrive pas à résoudre depuis un bon moment, le pixel de trop entre chaque <li> sous IE...
Voici l'exemple:
http://www.rpgamers-fr.com/rpgamers3/pixentrop.gif
 
Et mon code :P
 

Code :
  1. ul {
  2. margin: 0px;
  3. padding: 0px;
  4. list-style-type: none;
  5. }
  6. #droite {
  7. float:right;
  8. width:180px;
  9. }
  10. #droite li {
  11. width:180px;
  12. }


 

Code :
  1. <div id="droite">
  2. <ul>
  3. <li style="background-image:url(images/titre_wallpaper.gif); background-repeat:no-repeat; height:16px;"></li>
  4. <li><img src="images/temp_wallpaper.gif" width="180" height="135" alt="" /></li>
  5. </ul>
  6. </div>


 
 
C'est incroyable que sous IE, il m'ajoute un pixel de plus alors que je ne lui ai rien demandé...
Je précise que y a aucun souci sous FF.
Merci à vous !


C'est incroyable la quantité de code et le vieux melange CSS et img !


---------------
Les CSS c'est bon mangez-en
Reply

Marsh Posté le 22-10-2005 à 11:32:21    

Heuu oui enfin pour la quantité de code, = il n'y a évidemment pas que ça dans ma page et mes css sont utilisées ailleurs.
 
Autrement pour le coup des img, j'ai besoin du alt.
Et puis j'en suis qu'au stade de montage. ;)
 
Je vais pas faire un code parfait du premier coup puisque je ne suis ps sur de garder le principe ul/li déjà.
Surtout vu la prise de tête pour que ça s'affiche sans un pixel de trop.


Message édité par Nigel_ le 22-10-2005 à 11:33:30

---------------
RPGamers, la passion du RPG : http://www.rpgamers.fr
Reply

Marsh Posté le 22-10-2005 à 19:13:37    

IE respecte rien :pfff:  
 
regarde ça
http://forum.hardware.fr/forum2.ph [...] w=0&nojs=0

Reply

Marsh Posté le 25-10-2005 à 12:13:11    

Moui, mais je pense que la vérité est ailleurs là. ^^
Malheureusement... :/
 
Je vois vraiment pas, toujours, ça me pompe l'air ces navigateurs qui ne savent rien comprendre.


---------------
RPGamers, la passion du RPG : http://www.rpgamers.fr
Reply

Marsh Posté le 25-10-2005 à 13:37:20    

Bon, j'ai fini par trouver...
font-size: 1px;
sur le <ul>.
 
x'D


---------------
RPGamers, la passion du RPG : http://www.rpgamers.fr
Reply

Sujets relatifs:

Leave a Replay

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