Flux rss
Collection CommentÇaMarche.net
Rechercher : dans
Par : Mots clés Nom d'utilisateur
Messages sans réponse

[CSS] Aligner image en bas a droite

StreM, le mercredi 7 septembre 2005 à 14:14:36 
 Signaler ce message aux modérateurs

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

1

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

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

Timon1102, le mercredi 7 septembre 2005 à 16:46:48
  • +1

Que de souvenirs lointains... il n'y a pas un truc comme

margin
à mettre à zéro ?

Répondre à Timon1102

4

StreM, le mercredi 7 septembre 2005 à 17:50:18
  • +1

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

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

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

StreM, le jeudi 8 septembre 2005 à 10:18:29
  • +2

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

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

StreM, le jeudi 8 septembre 2005 à 12:16:36
  • +1

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

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

system overload, le jeudi 12 avril 2007 à 16:56:00

Et encore tu n'as pas testé sous opera ;)

Répondre à system overload

12

 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
[CSS] positionnement d'une image bonjour a tous voila je suis en train de réaliser une présentation de page html avec les css j'ai pour commencer une bande sur toute la largeur ensuite en dessous une bande composé de 2 parties de meme longueur en dessous j'ai une colonne a gauche... www.commentcamarche.net/forum/affich-1822388-css-positionnement-d-une-image
[CSS] Image de fond en bas à droite ? (Résolu) Bonjour, Encore un petit problème, cette fois en CSS. J'aimerais, dans mon menu, mettre une image de fond qui s'affiche en bas à droite de ma div. Existe-t-il en CSS une méthode de faire cela ? Merci ! www.commentcamarche.net/forum/affich-2360888-css-image-de-fond-en-bas-a-droite
Comment centrer une image en css (Résolu) Bonjour a tous, Je suis en train de créer mon site, et, en ce moment je créer le disign, de taille fixe. J'ai mit une image avec le nom de mon site tout en haut de la page, mais celle ci se trouve a gauche, et je voudrai la centrer. Comment faire ??... www.commentcamarche.net/forum/affich-2195333-comment-centrer-une-image-en-css
Javascript - Librairies d'effets pour vos imagesAu gré de vos explorations du web, vous avez vu de superbes effets de présentation des images. Et ça vous plairaît bien de pouvoir proposer les mêmes à vos visiteurs. Voici quelques solutions en Javascript couplées à des CSS. Elles sont plus... www.commentcamarche.net/faq/sujet-9314-javascript-librairies-d-effets-pour-vos-images
[CSS] Aligner un contenant au centre (Résolu)Bonjour. Quelqu'un d'entre vous connaitrait-il la propriété css, si elle existe, qui permet d'aligner un contenant (comme une table ou un div par exemple) au centre ? Pour être plus claire, je cherche la propriété css qui remplace le align="center"... www.commentcamarche.net/forum/affich-719745-css-aligner-un-contenant-au-centre
CSS: Alignement d'une liste <ul>Bonjour, J'ai beau chercher, je ne trouve pas de solution à ce stupide probleme. Je dois aligner une liste à gauche (sans marge, vraiment collée à gauche, alignée comme un texte normal), MAIS en gardant la particularité du , qui fait que la... www.commentcamarche.net/forum/affich-4430038-css-alignement-d-une-liste-ul
HTML pour image à droiteBonjour à tous, Je me bats avec le HTML pour pouvoir intégrer une image en .gif sur la page d'accueil de mon site. Tout ce passe bien sauf que je ne parviens pas à la fixer en haut et à droite. Merci pour vos explications. Voiçi le gif : www.commentcamarche.net/forum/affich-1232787-html-pour-image-a-droite
Positionner des éléments grâce aux CSSIl est possible grâce aux feuilles de style de positionner au pixel près du texte ou des images grâce aux balises et . Cela est possible avec les versions 4 de Netscape et d'Internet Explorer, cependant cette technique reste hasardeuse... www.commentcamarche.net/contents/css/cssposition.php3
Le droit à l'image appliqué aux sites webIntroduction au droit à l'image Selon les articles 226-1 à 226-8 du Code civil, tout individu jouit d'un droit au respect de sa vie privée ainsi que d'un droit à l'image,. En vertu de ces dispositions, la publication ou la reproduction d'une... www.commentcamarche.net/contents/droits/droit-image.php3
Gestion des images en HTMLComment afficher des images sur une page web? Quelques images sur un site Web peuvent le rendre plus attractif et plus convivial, cependant il est important de ne pas sombrer dans l'excès car les images peuvent impliquer un temps de chargement... www.commentcamarche.net/contents/html/htmlimages.php3