Aller au contenu

besoin d'aide pour placer des codes


Mica67

Sujets conseillés

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

Lien vers le commentaire
Partager sur d’autres sites

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.

Lien vers le commentaire
Partager sur d’autres sites

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>

Lien vers le commentaire
Partager sur d’autres sites

Veuillez vous connecter pour commenter

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



Connectez-vous maintenant
×
×
  • Créer...