Positionnement d'image relative/absolu

Recherche :

Mot : Pseudo : Filtrer
Bas de page
Auteur	Sujet : Positionnement d'image relative/absolu

Pascalito

Veni, Vidi, Vomi !

Bonjour,

J'aimerais positionner 3 images (avec des zindex différents) dans une cellule.

J'aimerai positionnes ces images (un peu décalées) en absolu mais relativement par rapport au coin haut/gauche de ma cellule...

En dehors su tableau, c'est OK.
Mais inséré dans une cellule, je passe en relative car je veux que mon image soit dans la cellule !!! Cela ne marche pas...

Code :

Citation:
<html>
<head>
<title></title>
</head>
<body>
<img id="div_0" style="margin:0;z-index:3;position:absolute;top:0;left:0;" src="./images/210AEN3QKJL.jpg" />
<img id="div_1" style="margin:0;z-index:2;position:absolute;top:10;left:10;" src="./images/21YRA58WF5L.jpg"/>
<img id="div_2" style="margin:0;z-index:1;position:absolute;;top:20;left:20;" src="./images/21ZR0WNH0ML.jpg" />
<table width="400" border="1" align="center">
<tr height="150">
<td valign="top" align="left">
<img id="div_0" style="margin:0;z-index:3;position:relative;top:0;left:0;" src="./images1.jpg"/>
<img id="div_1" style="margin:0;z-index:2;position:relative;top:10;left:10;" src="./images2.jpg"/>
<img id="div_2" style="margin:0;z-index:1;position:relative;;top:20;left:20;" src="./image3.jpg"/>
</td>
</tr>
</table>
</body>
</html>

Aidez moi svp...

Pascal

Publicité

C4O2

C'est plus joli et surtout plus lisible comme ça non?

Code :

<html>
<head>
<title>Coucou!</title>
<link rel="stylesheet" media="screen" type="text/css" title="Design" href="design.css" />
</head>
<body>
<img id = "div_0" alt = 'Image en haut à gauche' src = "./images/210AEN3QKJL.jpg" />
<img id="div_1" src="./images/21YRA58WF5L.jpg"/>
<img id="div_2" src="./images/21ZR0WNH0ML.jpg" />
<table width="400" border="1" align="center">
<tr height="150">
<td valign="top" align="left">
<img id="div_0" src="./images1.jpg"/>
<img id="div_1" src="./images2.jpg"/>
<img id="div_2" src="./image3.jpg"/>
</td>
</tr>
</table>
</body>
</html>

Le code CSS dans le fichier design.css

Code :

#div_0{
margin:0;
z-index:3;
position:absolute;
top:0;
left:0;
}
#div_1{
...
}
...

Ceci n'est pas une contribution efficace ^^ Désolé...
Une remarque... Pourquoi utiliser un tableau et ne as se contenter des positionnement absolu et/ou relatif aux éléments précédents ta seconde série d'image?

FORUM HardWare.fr

Programmation

HTML/CSS

Positionnement d'image relative/absolu

Sujets relatifs
problème de positionnement de "slide menu"	Prob Zoom Image
[C#] DataGridView image + texte dans une cellule	[javascript] afficher image un temps donné
[Resolu] espace blanc entre le bord d'une image et la fenetre !	[CSS] probleme de z-index ou de positionnement
Encadrer une image par du texte	Changer d'image en cliquant sur un clip?
[RESOLU]-[HTML, CSS] positionnement div	Programer une page web pour qu'on ne puisse pas copier une image
Plus de sujets relatifs à : Positionnement d'image relative/absolu

Page générée en 0.037 secondes