Ver originales (Francés)

Dos imágenes lado a lado - Page 2

Resuelto
Anterior
  • 1
  • 2
  1. Atropa Mensajes publicados 2051 Estado Miembro 274
     
    mira esto y dime:

    archivo css : 

    /*inicio del alineamiento... para la imagen de bienvenida */ 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 para el alineamiento... de la imagen de bienvenida */ } ul {/* Mi lista tendrá viñetas con la apariencia de una foto */ list-style-image: url("sharingan.gif"); list-style-position: inside; } #menu {/* El menú */ float: left; /* El menú flotará a la izquierda */ width: 150px; /* Muy importante: darle un tamaño al menú */ background-repeat: repeat-x; background-color:#c0c0c0 ; border: 2px solid black; margin-bottom: 10px; /* Para evitar que los elementos del menú queden demasiado pegados */ } .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; }


    archivo 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>
    0
  2. Perfil bloqueado
     
    GRACIAS, funciona de maravilla.
    Creía que si ponía "class", cuando se hiciera clic en la imagen (manteniendo presionado) podría tomar la imagen, pero no, no sé muy bien cómo hacerlo.

    Gracias a todos.
    .: itsuki power shunyuu ! :.
    0
Anterior
  • 1
  • 2