rss
Rechercher : dans
Par : Pertinence Date Nom d'utilisateur
Statut : Résolu

[CSS] Aligner image en bas a droite

Posté par StreM, le mercredi 7 septembre 2005 à 14:14:36
Salut a tous !

Question bête, mais impossible d'afficher ceci correctement sous internet explorer (sous firefox, evidemment, ca marche...)
<table width=50 height=68 style="border: 1px solid black" cellspacing=0 cellpadding=0>
<tr>
<td width=50 height=68 style="vertical-align: bottom">
<img src="images/dot.gif" style="float:right">
</td>
</tr>
</table>

C'est juste pour afficher mon image en bas a droite de ma cellule. Il laisse un espace de quelques pixels a droite, enfin il RAJOUTE quelques pixels a droite ! Ma colonne s'elargit. Saleté d'IE decidemment :-P

Merci !

C'est quand meme dingue, ca !

Moins le blanc est intelligent, plus le noir lui parait bête­
Répondre à StreM  Signaler ce message aux modérateurs Aller au dernier message

1


  • Ce message vous semble utile, votez !
  • Signaler ce message aux modérateurs
Erdnax, le mercredi 7 septembre 2005 à 15:26:19
Lol, grâce à ce formidable IE, j'arrive à l'aligner bien à droite, mais du coup c'est le bas qui prend de l'espace.

Si j'ai des nouvelles, je transmet...
Si Tout te parraît mal, méchant, lié contre toi,
ne remet pas Tout en question.
Répondre à Erdnax

2


  • Ce message vous semble utile, votez !
  • Signaler ce message aux modérateurs
StreM, le mercredi 7 septembre 2005 à 16:38:51
Ah ouais !
Il est magique...
Moins le blanc est intelligent, plus le noir lui parait bête­
Répondre à StreM

3


  • Ce message vous semble utile, votez !
  • Signaler ce message aux modérateurs
Timon1102, le mercredi 7 septembre 2005 à 16:46:48
Que de souvenirs lointains... il n'y a pas un truc comme
margin
à mettre à zéro ?
Répondre à Timon1102

4


  • Ce message vous semble utile, votez !
  • Signaler ce message aux modérateurs
StreM, le mercredi 7 septembre 2005 à 17:50:18
J'y ai bien pensé, mais rien n'y fait.
J'ai aussi mis padding à 0, dans le doute, dans la balise TD comme dans la balise IMG.
Donc c'est le flou...

Moins le blanc est intelligent, plus le noir lui parait bête­
Répondre à StreM

5


  • Ce message vous semble utile, votez !
  • Signaler ce message aux modérateurs
Anti IE, le mercredi 7 septembre 2005 à 20:57:18
Salut !!

Je pense savoir d'où vient réellement le probléme, question à 2 sous :

Est-ce que ton doctype ne serais pas par hasard en transitional, j'en suis persuadé, je viens d'essayer ton code, et en strict ou en enlevant le transitional , il fonctionne correctement.

Encore un bug d'ie qui n'en finira jamais de m'épater :-(
Répondre à Anti IE

6


  • Ce message vous semble utile, votez !
  • Signaler ce message aux modérateurs
StreM, le jeudi 8 septembre 2005 à 09:49:38
JOLIIIIII !
Vraiment, je n'y aurais pas pensé...
IE est fantastique...

En tout cas, merci beaucoup !
On en apprend tous les jours.
Moins le blanc est intelligent, plus le noir lui parait bête
Répondre à StreM

7


  • 1
    Ce message vous semble utile, votez !
  • Ce message ne vous semble pas utile, votez !
  • Signaler ce message aux modérateurs
StreM, le jeudi 8 septembre 2005 à 10:18:29
En fait, non !
Si je ne mets pas "transitional", alors ca ne fonctionne plus comme je veux sous Firefox !
Jvais craquer....

Moins le blanc est intelligent, plus le noir lui parait bête
Répondre à StreM

8


  • Ce message vous semble utile, votez !
  • Signaler ce message aux modérateurs
Anti IE, le jeudi 8 septembre 2005 à 11:33:45
En fait avec un doctype transitional du w3c html4.01 http://www.w3.org/QA/2002/04/valid-dtd-list.html , cela fonctionne chez moi avec les deux.
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"    "http://www.w3.org/TR/html4/loose.dtd">
<html>
  <head>
    <meta http-equiv="content-type" content="text/html; charset=iso-8859-1">
    <title>
    </title>
  </head>
  <body>
    
    <table width=50 height=68 style="border: 1px solid black" cellspacing=0 cellpadding=0>
      <tr>
        <td width=50 height=68 style="vertical-align: bottom">
          <img src="images/dot.gif" style="float:right">
        </td>
      </tr>
    </table>
    
  </body>
</html>


J'ai peut-être accusé IE à tort, m'enfin reste qu'il m'a tellement cassé les pieds et continue d'ailleurs toujours, que je suis pas près de lui pardonner.
Répondre à Anti IE

9


  • Ce message vous semble utile, votez !
  • Signaler ce message aux modérateurs
StreM, le jeudi 8 septembre 2005 à 12:16:36
Et bien en fait, ca fonctionne en effet sur cette page de test, mais je ne trouve pas l'erreur dans cette page ci dessous. Sous FF, ca fonctionne au poil, mais sous IE.
Pour info, dot.gif est un carré rouge de 3px de cote. et l'image du fond fait 800px par 517px (on enleve 3px fois 2).
Mais si ca continue, je vais mettre une case div au lieu d'une image.
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head></head>
<body>
<div style="background: url('photos/YOUP.JPG') no-repeat;background-position:3px 3px; width:806; height: 523">
	<table cellspacing=0 cellpadding=0 style="padding: 0; border:0; position: relative; left:0; top:0; width:100%; height:100%">
		<tr>	<td id="areahg" style="height: 3px; width:3px; vertical-align: bottom; background-color:black">
<img src="images/dot.gif" style="float: right;"></td>

<td style="vertical-align: bottom; background-color:black"><center>
<img src="images/dot.gif" style="float: bottom"></center>
</td>

<td style="vertical-align: bottom; background-color:black">
<img src="images/dot.gif" style="float: left;"></td>

		</tr><tr>
		<td style="background-color:black">
<img src="images/dot.gif" style="float: right;">
</td>

<td id=area style="width:800; height: 517; border: 1px white dashed"> </td>

<td style="background-color:black">
<img src="images/dot.gif" style="float: left">
</td>

		</tr><tr>

<td style="vertical-align: top; background-color:black">
<img src="images/dot.gif" style="float: right;"></td>
		<td style="vertical-align: top; background-color:black"><center>
<img src="images/dot.gif"></center>
</td>

<td id="areabd" style="vertical-align: top; height: 3; width:3; float: left; background-color:black">
<img src="images/dot.gif" style="float: left;"></td>

</tr>
</table>
</div>

</body>
</html>

Moins le blanc est intelligent, plus le noir lui parait bête
Répondre à StreM

10


  • Ce message vous semble utile, votez !
  • Signaler ce message aux modérateurs
StreM, le jeudi 8 septembre 2005 à 16:10:50
Hé ben voila la solution, c'est de mettre, dans la balise <table> :
style="font-size:0"

Vive IE quand-meme....

Moins le blanc est intelligent, plus le noir lui parait bête­
Répondre à StreM

11


  • Ce message vous semble utile, votez !
  • Signaler ce message aux modérateurs
system overload, le jeudi 12 avril 2007 à 16:56:00
Et encore tu n'as pas testé sous opera ;)
Répondre à system overload

12


  • Ce message vous semble utile, votez !
  • Signaler ce message aux modérateurs
 Serge_La, le jeudi 12 avril 2007 à 22:11:50
Dites, je crois que le problème est dû à un espace avant et après l'image. Essayes, pour voir:
<table width=50 height=68 style="border: 1px solid black" cellspacing=0 cellpadding=0>
<tr>
<td width=50 height=68 style="vertical-align: bottom"><img src="images/dot.gif" style="float:right"></td>
</tr>
</table>

au lieu de:
<table width=50 height=68 style="border: 1px solid black" cellspacing=0 cellpadding=0>
<tr>
<td width=50 height=68 style="vertical-align: bottom">
<img src="images/dot.gif" style="float:right">
</td>
</tr>
</table>
Répondre à Serge_La
Logiciels pertinents trouvés dans les téléchargements
Télécharger Image Resizer 1Image Resizer - Petit utilitaire (PowerToy) basique, très simple, permettant de réduire la taille d'une image, dans le but, notamment, de...Catégorie: Graphisme
Licence: Freeware/gratuit
Télécharger VSO Image Resizer 2.0.1.9VSO Image Resizer - Le logiciel VSO Image Resizer organise vos photos en réduisant leur résolution et en les déplaçant facilement au sein de...Catégorie: Graphisme
Licence: Freeware/gratuit
Télécharger Visual Basic Express 2005 2005Visual Basic Express 2005 - Le langage de programmation Visual Basic est historiquement dans les gènes de la société Microsoft. Avec plus de 30.000...Catégorie: Visual Basic
Licence: Freeware/gratuit
Télécharger Visual Basic 6 Runtime (VB6 DLL) 6.0 SP5Visual Basic 6 Runtime (VB6 DLL) - Le Runtime Visual Basic 6 contient l'ensemble des librairies (DLL) nécessaires pour exécuter des programmes écrits en...Catégorie: Librairies (DLL)
Licence: Freeware/gratuit
Plus de logiciels gratuits sur « [CSS] Aligner image en bas a droite »