A voir également:
- Image à droite
- Les textes ne doivent pas être en retrait à droite et à gauche - Guide
- Image iso - Guide
- Barre droite clavier - Forum Windows
- Image libre de droit - Guide
- Frédéric cherche à faire le buzz sur les réseaux sociaux. il a ajouté une image d’ours polaire sur une image de plage. retrouvez l'image originale de la plage. que cache l'ours polaire ? - Forum Graphisme
4 réponses
2 images à droite tt simplement , vous avez un div mettons de 800px de large , et 2 petites images , elles doivent etre alignées à droite tt simplement
C'est déjà une précision.
Alors, essaye ça :
Chaque image est dans une <span> aligné à droite par la <div> dans lequel elles se trouvent.
Elles sont aussi contenues dans des <a> pour les liens.
Si tu veux qu'elles soient les unes en-dessous des autres, remplace les <span> par des <p>.
Reste à savoir où, comment tu veux les placer dans ta page.
Alors, essaye ça :
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<title></title>
<meta http-equiv="Content-type" content="text/html; charset=utf-8">
<!--<link rel="stylesheet" href="stylescss.css" type="text/css">
<link rel="shortcut icon" href="../favicon.ico" >
<base HREF="http://">-->
<style type="text/css">
html, body {
margin: 0;
padding: 0;
text-align: center;
}
#conteneur {
position: relative;
margin: 0 auto;
width: 760px;
text-align: left;
}
#les_images {
text-align : right;
border : 1px dotted #888;
}
#les_images span {
padding : 1px 5px;
}
</style>
</head>
<body>
<div id="conteneur">
<div id="les_images">
<!-- border pour voir les images en leur absence -->
<span>
<a href="#">
<img src="image1.png" alt="1re image" title="1re image avec un lien" width="50" height="20" border="1">
</a>
</span>
<span>
<a href="#">
<img src="image2.png" alt="2e image" title="2e image avec un lien" width="50" height="20" border="1">
</a>
</span>
</div>
</div>
</body>
</html>Tel quel ça marche.
Chaque image est dans une <span> aligné à droite par la <div> dans lequel elles se trouvent.
Elles sont aussi contenues dans des <a> pour les liens.
Si tu veux qu'elles soient les unes en-dessous des autres, remplace les <span> par des <p>.
Reste à savoir où, comment tu veux les placer dans ta page.
