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

  FORUM HardWare.fr
  Programmation
  HTML/CSS

  Problème CSS : Espace non désiré d'origine inconnue sous les images

 



 Mot :   Pseudo :  
 
Bas de page
Auteur Sujet :

Problème CSS : Espace non désiré d'origine inconnue sous les images

n°2004592
NostalGeek​ette
Posté le 24-06-2010 à 21:09:21  profilanswer
 

Bonjour.
 
J'ai un problème de CSS assez bizarre.  
J'ai beau tourner le problème dans tous les sens, l'analyser sous tous ses angles, je ne comprends pas d'où vient mon bug, et comment y remédier.  :o  
 
Sur les profils de mon site, j'affiche un avatar :
http://transformice.niaou.fr/profi [...] =Kazaekiel
http://www.noelshack.com/1/1/profilbug-bba4b2e157.png
 
Les images d'avatar sont en 120*120, la cellule du tableau est définie comme telle :
.avatar
{
width: 120px;
height: 120px;
border: 1px solid black;
}
 
Et comme vous pouvez le voir sur l'image, un espace étrange apparait en dessous, sans qu'il ne soit défini nulle part.
La cellule d'à côté n'influence pas non plus, elle n'a pas de hauteur définie.
 
Et je rencontre exactement le même bug lorsque je veux afficher des petits avatars à côté des pseudos, dans mon forum :
http://www.noelshack.com/1/1/profilbug-348af28b63.png
 
Je suis dans l'incompréhension totale.  :bounce:  
Pouvez-vous m'aider ?  :sweat:  
Merci.


Message édité par NostalGeekette le 24-06-2010 à 21:36:26
mood
Publicité
Posté le 24-06-2010 à 21:09:21  profilanswer
 

n°2004681
aspirateur
Posté le 25-06-2010 à 10:27:37  profilanswer
 

C'est étrange, je ne trouve pas non plus d'ou vient cet espace de 5px...
 
Ce que tu peux faire c'est rajouter une ligne  
 
#profil td.avatar img{float:left;}
 
Ca règle le problème, par contre vu que ton image est pas transparente, ca te bouffe les arrondis

n°2004693
NostalGeek​ette
Posté le 25-06-2010 à 10:54:10  profilanswer
 

Merci beaucoup. Cela fonctionne sans être incorrect dans le code, c'est l'essentiel. :)
Pour les arrondis, j'avais remarqué, j'vais devoir y réfléchir aussi. :D

n°2004984
phosphorel​oaded
Posté le 26-06-2010 à 20:08:23  profilanswer
 

vertical-align et tu testes toutes les valeurs dans Firebug

n°2004998
gatsu35
Blablaté par Harko
Posté le 26-06-2010 à 22:00:51  profilanswer
 

il ne faut surtout pas mettre un float:left, tu risque d"avoir des effets de bord.
 
Ce pseudo bug est lié au vertical-align  comme le dit phosporeloaded, il faut mettre un vertical-align:top.


---------------
Blablaté par Harko

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

  Problème CSS : Espace non désiré d'origine inconnue sous les images

 

Sujets relatifs
[Resolu] Probleme image en bordure de bloc !problème au niveau de struts-config.xml
Pb hero slide jquery images[CSS] problème de mise en page
problème affichage données mysql/phpproblème convertion d'une chaine en double
Problème de mise à jours avec une requête Microsoft Queryaide modification CSS
Problème de syntaxe. Mettre 2 classes pour une page 
Plus de sujets relatifs à : Problème CSS : Espace non désiré d'origine inconnue sous les images


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