Aller au contenu

besoin d'aide pour placer des codes

Mica67

Par Mica67
dans (X)HTML et CSS

 Partager

Sujets conseillés

Mica67

Mica67

Posté
Posté

bonjours,

voila on ma donner un code pour un zoom sur image,mais vu que j'ai crée ma page avec nvu(on cré le visuel les code ce font automatiquement)

je ne sais pas ou le placer dans le script

pouriez vous m' aider??

Code (X)HTML

<div class="zoom1">
    <p>
        <a href="#"
         title="titre de ta photo">
         </a>
    </p>
</div>

Image et code CSS

.zoom1 {
 width: 400px;
 height: 300px;
 background-image: url(ton image.jpg);
 background-repeat: no-repeat;
 margin: 0 auto;
}
.zoom1 p, .zoom1 a {
height: 300px; 
display: block;
margin:0
}

.zoom1 a:hover {
background-image: url(ton image.jpg);
background-position: 0px -300px;
background-repeat:no-repeat;
cursor:help;
}

bien sur si vous y trouvez des erreures n'hésiter pas a me le dire

ce code étant a priori un code accepté par tous les navigateur

merci d'avance

karnabal

karnabal

Posté
Posté

Et comment on fait pour savoir où le placer ce script si on n'a pas le code source de ta page ? :(

Tu peux regarder le code source de cette page et reproduire l'effet pour comprendre son fonctionnement.

Mica67

Mica67

Posté
  • Auteur
Posté

je suis surment bete mais ça me donne le code(un peu comme je l'ai mais sa m'aide pas beaucoup(mais merci pour le lien tout de meme)

enfin je met le code de la dite page au cas ou

merci

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
  <title>accueil</title>
  <meta http-equiv="Content-Type"
 content="text/html; charset=utf-8" />
  <style type="text/css"></style><!---->
</head>
<body
 style="width: 1233px; color: rgb(0, 0, 0); background-color: rgb(204, 255, 255); background-image: url(TOUR%20MEHUN.jpg);"
 alink="#000099" link="#000099" vlink="#990099">
<br />
<br />
<br />
<br />
<table style="height: 251px; width: 1121px;" border="0"
 cellpadding="0" cellspacing="0">
  <tbody>
    <tr style="margin-left: 38px; width: 1193px;">
      <td style="vertical-align: top; width: 125px; height: 253px;">
      <table
 style="text-align: left; background-color: rgb(255, 204, 255); height: 224px; width: 140px;"
 border="5" cellpadding="2" cellspacing="2">
        <tbody>
          <tr>
            <td
 style="vertical-align: top; height: 179px; width: 130px;"><img
 style="width: 17px; height: 17px;" alt="b"
 src="BOUTON%20OU%20DEBUT%20LIGNE.gif" /> <span
 style="color: rgb(51, 51, 255);">carte</span><small><small><small><br />
            <br />
            </small></small></small>
            <div style="text-align: left;"><big><a
 href="NOTRE%20CARTE.html"><img
 style="border: 0px solid ; width: 22px; height: 19px;" alt="FR"
 src="GIF%20FRANCE.gif" /></a> </big><big><small><small><small><small><a
 href="carte%20anglais.html"><img
 style="border: 0px solid ; width: 22px; height: 19px;" alt="GB"
 src="GIF%20ANGLETERRE.gif" /></a>
      <a
 href="carte%20allemand.html"><img
 style="border: 0px solid ; width: 22px; height: 19px;" alt="D"
 src="GIF%20ALLEMAGNE.gif" /></a></small></small></small></small></big></div>
            <small> </small><br />
            <div style="text-align: left;"><img
 style="width: 17px; height: 17px;" alt="b"
 src="BOUTON%20OU%20DEBUT%20LIGNE.gif" /> <span
 style="color: rgb(0, 0, 153);">acces</span><br />
            <div style="text-align: center;"><a
 href="ACCES%20A%20MEHUN.html"><big><big><small><small><img
 style="border: 0px solid ; width: 32px; height: 32px;" alt="D"
 src="ACCES.gif" /></small></small></big></big></a>
            </div>
            </div>
            <div style="text-align: left;"><img
 style="width: 17px; height: 17px;" alt="b"
 src="BOUTON%20OU%20DEBUT%20LIGNE.gif" /><span
 style="color: rgb(0, 0, 153);"> reservations</span><br />
            <div style="text-align: center;"><a
 href="avertissement.html"><img
 style="border: 0px solid ; width: 62px; height: 27px;"
 alt="RESA" src="email_PARCHEMIN.gif" /></a><br />
            </div>
            </div>
            <div style="text-align: left;"><img
 style="width: 17px; height: 17px;" alt="b"
 src="BOUTON%20OU%20DEBUT%20LIGNE.gif" /> </div>
            </td>
          </tr>
          <tr>
            <td style="height: 11px; width: 130px;"
 align="undefined" valign="undefined"></td>
          </tr>
        </tbody>
      </table>
      </td>
      <th style="height: 253px; width: 850px;"><img
 style="width: 60px; height: 75px;" alt="L"
 src="alphabet_L.gif" /><img
 style="width: 74px; height: 72px;" alt="E"
 src="alphabet_E.gif" />  
      <img
 style="width: 92px; height: 78px;" alt="M"
 src="alphabet_M.gif" /><img
 style="width: 63px; height: 78px;" alt="O"
 src="alphabet_O.gif" /><img
 style="width: 69px; height: 74px;" alt="D"
 src="alphabet_D.gif" /><img
 style="width: 39px; height: 79px;" alt="I"
 src="alphabet_I.gif" /><img
 style="width: 66px; height: 74px;" alt="N"
 src="alphabet_N.gif" /><img
 style="width: 59px; height: 72px;" alt="U"
 src="alphabet_U.gif" /><img
 style="width: 85px; height: 72px;" alt="M"
 src="alphabet_M.gif" /><small><small><small><br />
      <big><big>1 RUE FERNAND BAUDRY   18500 MEHUN
SUR YEVRE</big></big><br />
      <big><big>TEL: 02 48 57 38 52</big></big></small></small></small></th>
      <td style="text-align: center; height: 253px; width: 125px;"><img
 style="width: 100%; height: 94px;" alt="d"
 src="papillon-gif-029.gif" /></td>
    </tr>
  </tbody>
</table>
           
       
           
       
           
       
           
       
      <img
 style="width: 198px; height: 89px;" alt="MO"
 src="img055%20copie.jpg" />    
           
 <img style="width: 198px; height: 89px;" alt="mo"
 src="img055%20copie.jpg" />
<div style="text-align: center;"><big><big><br />
l équipe du <big style="color: rgb(153, 51, 153);"><big>MODINUM</big></big></big></big><br />
<big><big>
VOUS
ACCUEILLE</big></big><br
 style="font-family: Monotype Corsiva;" />
<br style="font-family: Monotype Corsiva;" />
<big style="font-family: Monotype Corsiva;"><big><big>DE
12H A  14H30  ET  DE  19H
 A  22H30  <span
 style="color: rgb(0, 0, 102); font-weight: bold;"><span
 style="text-decoration: blink; color: rgb(255, 0, 0);">6
JRS/7 </span></span></big></big></big><br />
<big style="font-family: Monotype Corsiva;"><big><big><span
 style="color: rgb(0, 0, 102); font-weight: bold;">
</span></big></big><span
 style="font-weight: bold; color: rgb(0, 102, 0);">(fermé
le lundi)</span></big><br />
<big style="font-family: Monotype Corsiva;"><big><big><span
 style="color: rgb(0, 0, 102); font-weight: bold;"><small><small><small>
</small></small></small></span></big></big></big><br />
<big style="font-family: Monotype Corsiva;"><big><big><span
 style="color: rgb(0, 0, 102); font-weight: bold;"><small><small><small>
<big><big>UNE  CUISINE SIMPLE ET
 TRADITIONEL  DE
 L  ITALIE  AU  BERRY
 VOUS  Y ATTEND
 </big></big></small></small></small></span></big></big></big><br />
<big style="font-family: Monotype Corsiva;"><big><big><span
 style="color: rgb(0, 0, 102); font-weight: bold;"><small><small><small><big><big>
</big></big></small></small></small></span></big></big></big><br />
<big style="font-family: Monotype Corsiva;"><big><big><span
 style="color: rgb(0, 0, 102); font-weight: bold;"><small><small><small><big><big>
<small style="color: rgb(204, 0, 0);">SIMPLE</small></big></big></small></small></small></span></big></big></big><big
 style="font-family: Monotype Corsiva;"><big><big><span
 style="color: rgb(0, 0, 102); font-weight: bold;"><small><small><small><big><big><small
 style="color: rgb(204, 0, 0);"> D'ACCES</small></big></big></small></small></small></span></big></big></big><big
 style="font-family: Monotype Corsiva;"><big><big><span
 style="color: rgb(0, 0, 102); font-weight: bold;"><small><small><small><big><big><small
 style="color: rgb(204, 0, 0);">
 DE BOURGES OU DE VIERZON UN PARKING GRATUIT EST A
VOTRE DISPOSITION DEVANT</small><span
 style="color: rgb(204, 0, 0);"> </span><small
 style="color: rgb(204, 0, 0);">LE RESTAURANT </small></big></big></small></small></small></span></big></big></big></div>
</body>
</html>

Veuillez vous connecter pour commenter

Vous pourrez laisser un commentaire après vous êtes connecté.



Connectez-vous maintenant
 Partager
Aller sur la liste des sujets
×
×
  • Créer...