28173 sujets

CSS et mise en forme, CSS3

Probléme de décalage

Bonjour à tous,
J'ai créé une image map pour mon site et lors de l'ajout de la 3éme zone cliquable tout le footer c'est décalé..... Smiley decu
http://energie-hydro.societeg.com/

normalement la photo est sur les dessins rouges en bas, elle n'est pas si haute et le texte en blanc est centré

voila le code

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html>
<head>
<title>Bienvenue sur le site de l'énergie hydraulique.</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<link rel="stylesheet" media="screen" type="text/css" href="new.css" />
<meta name="verify-v1" content="E/TkfHwf9xakNtKJZBFL0r67O1tVvEdkMS1ZxLzP2ZE=" />


<link rel="stylesheet" media="screen" type="text/css" title="Design" href="./style_intro.css" />

<link rel="shortcut icon" type="image/x-icon" href=".ico">
<link rel="icon" type="image/ico" href=".ico" />


</head>
<body>

<div id="intro">
<a id="zone_histo" href="http://energie-hydro.societeg.com/index_pages.php" title="Historique de l'énergie hydraulique"></a>
<a id="zone_presentation" href="http://energie-hydro.societeg.com/index_pages.php" title="Présentations"></a>
<a id="zone_enviro" href="http://energie-hydro.societeg.com/index_pages.php" title="Impacts environnementaux"></a>
</div>

<div id="footer">
<p>© 2007 TPE Energie hydraulique 1S5 Lycée Gambetta ARRAS</p>
</div>

</body>
</html>


ET

/*Style intro*/

body
{
   background-color:#476316;
   border:0px,0px,0px,0px;
   background-image:url("./images/background_intro.png");
   background-repeat:repeat-x;
   background-position:bottom;
   height: 100%

}

#intro
{
   width: 750px;
   height: 550px;
   background-image:url("./images/image_intro.jpg");
   background-repeat:no-repeat;
   margin: 0px auto 0px auto;
}

#zone_histo
{
   float: right;
   width : 150px;
   height: 75px;
   margin-right: 40px;
   margin-top: 218px;
}

#zone_enviro
{
   float: right;
   width : 315px;
   height: 40px;
   margin-right: 202px;
   margin-top: 370px;                                  /**/
}

#zone_presentation
{
   float: right;
   width : 157px;
   height: 40px;
   margin-right: 150px;
   margin-top: 290px;
   border: 1px solid red
}   
p
{
   text-align:center;
   color:white;
   font-size:75%;
}


Merci d'avance Smiley cligne

a+

canellle
Salut,

Surement une bulle de champagne coincée dans le neurone... Mais je n'ai pas tout compris!! Smiley lol
Et l'utilité d'une map dans l'histoire?

Bonne année
ghost a écrit :
Salut,
Surement une bulle de champagne coincée dans le neurone... Mais je n'ai pas tout compris!! Smiley lol

J'en étais arrivé à la même conclusion...concernant mon état "post fest" Smiley lol

Plus sérieusement, peux-tu mettre une image (ou des screens de ce que tu obtiens avant que ça ne plante ) de ce que tu veux obtenir, ou expliciter d'avantage la problèmatique ?
Eventuellement fournir des cachets pour dilluer les bulles de champagne ? Smiley cligne
Bonsoir,

Ce que tu nous montre ne sont pas des images maps. Ce sont juste des liens vides.

Le code pour créer une image map ressemble à ça :

<map name="map"> 
<area shape="rect" coords="60,123,242,190" href="www.monsite/tapage.html">
<area shape="circle" coords="73,73,72" href="www.monsite/tapage2.html">
<area shape="polygon" coords="88,58,297,58,254,171" href="www.monsite/tapage/html">
</map>


Tout comme Ghost, je ne vois pas l'intérêt...

Cordialement,
Modifié par TheBobby (05 Jan 2008 - 16:04)
Sujet clos
Aller à