[CSS] Aligner image en bas a droite
Résolu
StreM
Messages postés
515
Date d'inscription
Statut
Membre
Dernière intervention
-
-Shadow- -
-Shadow- -
A voir également:
- Aligner image css
- Image iso - Guide
- Acronis true image - Télécharger - Sauvegarde
- Reduire taille image - Guide
- Légender une image - Guide
- Image gratuite - Guide
9 réponses
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 j'ai des nouvelles, je transmet...
Que de souvenirs lointains... il n'y a pas un truc comme
marginà mettre à zéro ?
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 :-(
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 :-(
En fait, non !
Si je ne mets pas "transitional", alors ca ne fonctionne plus comme je veux sous Firefox !
Jvais craquer....
Si je ne mets pas "transitional", alors ca ne fonctionne plus comme je veux sous Firefox !
Jvais craquer....
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.
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.
<!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.
Vous n’avez pas trouvé la réponse que vous recherchez ?
Posez votre question
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.
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>
Hé ben voila la solution, c'est de mettre, dans la balise <table> :
style="font-size:0"
Vive IE quand-meme....
style="font-size:0"
Vive IE quand-meme....
Dites, je crois que le problème est dû à un espace avant et après l'image. Essayes, pour voir:
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>
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>
Connaissez-vous Èric Meyer ? ? ? je ne pense pas être totalement Hors-sujet en vous parlant d'un reset.css destiné à mettre tout le monde d'accord (navigateurs) , avant de poser son layout ... le seul inconvénient que vous rencontrerez, est le fait de devoir redéfinir un paquet de balise html de base.
Il est magique...