Deux image a coté
Résolu
Profil bloqué
-
Profil bloqué -
Profil bloqué -
Bonjour,
je voudrait mettre deux images a côté, mais séparé vous comprendré en regarde mon site: http://vistlip.free.fr
en faite dans le cadre a gauche je voudrait que les deux images qui sont les une en dessous des autres, soit dans un angle.
Merci.
je voudrait mettre deux images a côté, mais séparé vous comprendré en regarde mon site: http://vistlip.free.fr
en faite dans le cadre a gauche je voudrait que les deux images qui sont les une en dessous des autres, soit dans un angle.
Merci.
A voir également:
- Dans le document à télécharger, placez les 2 images côte à côte et donnez-leur la même hauteur. marie a gagné un lot à l’un des trois tirages. qu’a-t-elle gagné ?
- Appliquez à tous les paragraphes du document à télécharger, à l’exception des titres et des sous-titres, la mise en forme suivante : chaque paragraphe doit être espacé de 0,42 cm ou 12 pt du paragraphe qui suit les textes ne doivent pas être en retrait à droite et à gauche après ces modifications, sur quelle page se trouve le titre « la cheminée » dans le chapitre « informations diverses » ? - Guide
- Télécharger clavier arabe - Télécharger - Divers Web & Internet
- Comment reduire la taille d'un document - Guide
- Film d'action en français à télécharger - Télécharger - TV & Vidéo
- Jeux à télécharger - Télécharger - Jeux vidéo
22 réponses
regarde ça et dit moi :
fichier css :
fochier html :
fichier css :
/*debut de l'alignement... pour l'image d'accueil */
body {
width: 760px;
margin: auto;
margin-top: 20px;
margin-bottom: 20px;
}
p {
color:#1e90ff;
}
#entete
{
width: 700px;
height: 300px;
background-image: url("http://ups.imagup.com/06/1259315573.jpg");
background-repeat: no-repeat;
background-position: center;
/*fin pour l'alignement... de l'image d'accueil */
}
ul {/* Ma liste aura des puces avec l'apparence d'une photo */
list-style-image: url("sharingan.gif");
list-style-position: inside;
}
#menu {/* Le menu */
float: left; /* Le menu flottera à gauche */
width: 150px; /* Très important : donner une taille au menu */
background-repeat: repeat-x;
background-color:#c0c0c0 ;
border: 2px solid black;
margin-bottom: 10px; /* Pour éviter que les éléments du menu ne soient trop collés */
}
.menuImgR {
width: 40px;
height: 40px;
background-image: url("menu.gif");
float:right;
}
.menuImgL {
width: 40px;
height: 40px;
background-image: url("menu.gif");
float:left;
}
#menu4 {
clear:both;
height:60px ;
background-image: url("menu2.gif");
background-repeat: no-repeat;
background-position: center;
}
fochier html :
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr" > <head> <title>accueil</title> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" /> <link rel="stylesheet" media="screen" type="text/css" title="design" href="design.css" /> </head> <body> <div id="entete"> </div> <p> <img title="accueil" src="boutton-accueil.jpg" alt="accueil " onmouseover="this.src = 'hover-accueil.jpg';" onmouseout="this.src = 'boutton-accueil.jpg';" /> <img title="me contacter" src="boutton-contact.jpg" alt="contacte" onmouseover="this.src = 'hover-contact.jpg';" onmouseout="this.src = 'boutton-contact.jpg';" /> <img title="images" src="boutton-image.jpg" alt="image" onmouseover="this.src = 'hover-image.jpg';" onmouseout="this.src = 'boutton-image.jpg';" /> <img title="vidéos" src="boutton-video.jpg" alt="video" onmouseover="this.src = 'hover-video.jpg';" onmouseout="this.src = 'boutton-video.jpg';" /> <img title="tuteurs" src="boutton-tuteur.jpg" alt="tuteur" onmouseover="this.src = 'hover-tuteur.jpg';" onmouseout="this.src = 'boutton-tuteur.jpg';" /> </p> <div id='menu'> <div class="menuImgL"></div> <div class="menuImgR"></div> <div id="menu4"></div> <ul> <li>image</li> <li>vidéo</li> <li>mes tuteurs</li> <li>plus...</li> </ul> <div class="menuImgL"></div> <div class="menuImgR"></div> </div> <div style="text-align: center;"> <h3>bienvenue</h3> <p>ce site consite a parler de l'anime eyeshield 21. Vous y retrouverez <ins>tous</ins> sur cette anime.</p> </div> <div style="text-align: center;"> <h3>au revoir</h3> <p>blaaablalaa</p> </div> </body> </html>