Salut
je suis en train de réaliser le site www.bm2i.fr partie aficheur puis dans la section service j'appelle grace a php une page html. Il sagi des produits. J'ai voulu modifier claustra comme dans votre tuto pour quand passant sur l'image celle ci apparaisse en grand. Ca fonctionne bien mais tres mal une fois la page appellée, elle n'est plus placé dans la frame ce qui provoque des decalages.
La page nest plus dans les 2 lignes de séparations.
claustra.html :
services.php :
mon histoire est elle réalisable ou pas ? merci !!!
Modifié par jimbo16 (18 Oct 2006 - 19:14)
je suis en train de réaliser le site www.bm2i.fr partie aficheur puis dans la section service j'appelle grace a php une page html. Il sagi des produits. J'ai voulu modifier claustra comme dans votre tuto pour quand passant sur l'image celle ci apparaisse en grand. Ca fonctionne bien mais tres mal une fois la page appellée, elle n'est plus placé dans la frame ce qui provoque des decalages.
La page nest plus dans les 2 lignes de séparations.
claustra.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" lang="fr">
<head>
<title>image maps en CSS</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<style type="text/css">
<!--
#image {
position: absolute;
width : 715px;
height: 678px;
background: url(claustras.jpg) top left no-repeat;
}
#zone1 {
position: absolute;
width : 95px;
height: 200px;
left: 50px;
top: 140px;
border: 1px dotted white;
}
#zone1:hover {
width : 266px;
height: 550px;
left: 60px;
top: 15px;
border: 1px dotted white;
background: url(zone1.jpg) top left no-repeat;
z-index: 100;
}
-->
</style>
</head>
<body>
<div style="display: none;"><img alt="" src="file:///e|/Mes documents/Site BM2I CVS/afficheurs/produits/claustras.jpg" /></div>
<div id="image">
<a id="zone1" href="#" title="zone 1 zoom"></a>
</div>
</body>
</html>services.php :
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>produits : enseigne presentoir totem luminaire applique ambiances lumineuses</title>
<link rel="stylesheet" type="text/css" href="css/style.css">
</head>
<body>
<div align="center">
<table width="750" border="0">
<td height="305"><p align="left"><img src="img/sep_barre.jpg" width="750" height="10">Produits</p>
<div align="center">
<table width="675" border="0" cellspacing="2">
<tr bgcolor="#666666">
<td width="136" align="center"><a href="services.php?page=presentoir">Présentoirs </a></td>
<td width="129" align="center"><a href="services.php?page=totem">Totems </a></td>
<td width="129" align="center"><a href="services.php?page=enseigne">Enseignes </a></td>
<td width="129" align="center"><div align="center"><a href="services.php?page=signaletique">Signalétiques </a></div></td>
<td width="129" align="center"><a href="services.php?page=colonne">Colonnes</a></td>
<td width="129" align="center"><a href="services.php?page=claustra">Claustras</a></td>
<td width="200" align="center"><a href="services.php?page=plusbm2i">Le Plus Bm2i</a></td>
</table>
</div>
<div class="frame">
<h1>
<?php
if (!isset($_GET['page'])) $_GET['page']= 'presentoir';
switch($_GET['page'])
{
case 'presentoir': include ('presentoir.html');break;
case 'totem': include ('totem.html');break;
case 'enseigne': include ('enseigne.html');break;
case 'signaletique': include ('signaletique.html');break;
case 'colonne': include ('colonne.html');break;
case 'claustra': include ('claustra.html');break;
case 'plusbm2i': include ('plusbm2i.html');break;
}
?>
</h1>
<h1><img src="img/sep_barre.jpg" width="750" height="10"><img src="img/bottom.jpg" width="750" height="10" border="0" usemap="#Map"></h1>
</div>
<div align="center"><br>
</div></td>
</body>
</html>mon histoire est elle réalisable ou pas ? merci !!!
Modifié par jimbo16 (18 Oct 2006 - 19:14)
