Salut,
Je commence un nouveau design, et j'en suis pas à essayer de faire en sorte que les images soient pas trop décalées sur IE, pas même qu'elles soient à peu près dans le bon ordre, pas même qu'elles y soient toutes ...
Sur 9 images à positionner, j'ai commencé avec les 3 premières : une colonne de 3 images qui doivent se suivre.
Mais bon c'est pas très important que vous compreniez comment est organisé mon design, puisque je ne veux pas encore que mes images soient dans le bon ordre (même si ce serait mieux
) mais simplement qu'elles apparaissent
.
Donc voici mon code :
CSS :
HTML :
Ca me parait quand même tout con comme code nan ?
Bon comme je suis très loin d'être un expert, j'ai essayé de faire des trucs-qui-font-que-ça-marche-des-fois-et-je-sais-pas-pouquoi du genre mettre les images en position absolue, ou virer le contener.
Voila, si quelqu'un peu m'aider...
Merci
Modifié par Sandwich (17 May 2005 - 11:05)
Je commence un nouveau design, et j'en suis pas à essayer de faire en sorte que les images soient pas trop décalées sur IE, pas même qu'elles soient à peu près dans le bon ordre, pas même qu'elles y soient toutes ...
Sur 9 images à positionner, j'ai commencé avec les 3 premières : une colonne de 3 images qui doivent se suivre.
Mais bon c'est pas très important que vous compreniez comment est organisé mon design, puisque je ne veux pas encore que mes images soient dans le bon ordre (même si ce serait mieux


Donc voici mon code :
CSS :
body{
font-family: arial, verdana, sans-serif;
font-size:12px;
color:#FFF;
background-color:#000;
}
#contener{
padding:0;
margin:0;
width:900px;
height:750px;
}
#1A{
background:url(images/1A.jpg);
width: 177px;
height:360px;
margin:0;
padding:0;
}
#2A{
background:url(images/2A.gif);
width: 177px;
height:256px;
margin:0;
padding:0;
}
#3A{
background:url(images/3A.jpg);
width: 177px;
height:134px;
margin:0;
padding:0;
}
HTML :
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
<title>Metalence v2</title>
<link href="style.css" rel="stylesheet" type="text/css" />
</head>
<body>
<div id="contener">
<div id="1A"></div>
<div id="2A"></div>
<div id="3A"></div>
</div>
</body>
</html>
Ca me parait quand même tout con comme code nan ?
Bon comme je suis très loin d'être un expert, j'ai essayé de faire des trucs-qui-font-que-ça-marche-des-fois-et-je-sais-pas-pouquoi du genre mettre les images en position absolue, ou virer le contener.
Voila, si quelqu'un peu m'aider...
Merci
Modifié par Sandwich (17 May 2005 - 11:05)