Bonjour
j'ai un problme avec ma barre de menu, quand la fenetre explorer est reduite alors le menu change de position. c'est un menu sur un lien (a partire d'une photo)
Voici la provenance du menu :
ici
voici le code utilisé sur ma page web: (
ici
Merci pour votre aide.
<html>
<head><title>DG. Solutions</title>
<script language="JavaScript1.2">
/*
http://www.editeurjavascript.com
*/
function ejs_nodroit()
{
alert('Cette page est potéger, Merci DG.Slutions');
return(false);
}
document.oncontextmenu = ejs_nodroit;
</script>
<style type="text/css">
html,body{margin:0;padding:0}
body{font: 90% arial,sans-serif;text-align:center}
p{margin:0 10px 10px}
a{display:block;color: #white;padding:10px}
div#container{text-align:left}
div#content p{line-height:1.4}
div#navigation{background:#FFFFCC}
div#extra{background:#white}
div#footer{background: #333;color: #FFF}
div#footer p{margin:0;padding:5px 10px}
div#container{width:800px;margin:0 auto}
div#content{float:right;width:550px}
div#navigation{float:left;width:250px}
div#extra{float:left;clear:left;width:250px}
div#footer{clear:both;width:100%}
</style>
<link rel="stylesheet" type="text/css" href="flexdropdown.css" />
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>
<script type="text/javascript" src="flexdropdown.js">
/***********************************************
* Flex Level Drop Down Menu- (c) Dynamic Drive DHTML code library (www.dynamicdrive.com)
* This notice MUST stay intact for legal use
* Visit Dynamic Drive at http://www.dynamicdrive.com/ for this script and 100s more
***********************************************/
</script>
</head><body>
<!--HTML for popup Menu 1-->
<ul id="flexmenu1" class="flexdropdownmenu">
<div style="text-align: left"><li><a href="#">Aquisition</a></li>
<ul>
<li><a href="#">Demande D'Aquisition</a></li>
<li><a href="#">Info sur Aquisition</a></li>
</ul>
<li><a href="#">Partenariat</a></li>
<ul>
<li><a href="#">Demande de Partonariat</a></li>
<li><a href="#">Info sur Partonariat</a></li>
</ul>
<li><a href="#">Representant</a></li>
<ul>
<li><a href="#">Demande de Représenatation</a></li>
<li><a href="#">Info sur Représentation</a></li>
</ul>
</ul><!--webbot bot="HTMLMarkup" endspan i-checksum="10439" --></td>
<!--HTML for popup Menu 2-->
<ul id="flexmenu2" class="flexdropdownmenu">
<div style="text-align: left"><li><a href="http://www.northamericanlasers.com/">North American Lasers</a></li>
<li><a href="http://www.samiinc.com">S.A.M.I. inc</a></li>
</ul><!--webbot bot="HTMLMarkup" endspan i-checksum="10439" --></td>
<!--HTML for popup Menu 3-->
<ul id="flexmenu3" class="flexdropdownmenu">
<div style="text-align: left">
<li><a href="mailto:info@dg-solutions.ca" title="Courriel">Par Courriel</a></li>
<li><a href="http://www.cssdrive.com">Formulaire</a></li>
<li><a href="http://www.javascriptkit.com">Coordonnées</a></li>
</ul><!--webbot bot="HTMLMarkup" endspan i-checksum="10439" --></td>
<div id="container">
<div id="header">
<h1><map name="DGSolutions">
<area shape="rect" coords="676,6,728,24" href="http://www.dg-solutions.ca/DG-en.html" target="_self" title="Welcome">
<area shape="rect" coords="742,6,762,24" href="mailto:Info@dg-solutions.ca" title="Courriel">
<area shape="rect" coords="351,90,405,107" href="http://www.dg-solutions.ca/DG-fr.html" target="_self" title="Bienvenue">
<area shape="rect" coords="416,89,453,107" href="profil.html" target="_self" title="Profil">
<area href="rect" coords="464,90,517,107" data-flexmenu="flexmenu1"data-dir="h" data-offsets="173,18">
<area href="rect" coords="528,90,566,106" data-flexmenu="flexmenu2"data-dir="h" data-offsets="187,18">
<area href="rect" coords="576,89,687,106" data-flexmenu="flexmenu3"data-dir="h" data-offsets="115,18"></map>
<img src="Photos/DG-fr.png" border="0" width="800" height="120" alt="" hspace="0" vspace="0" usemap="#DGSolutions"><br></h1>
</div>
<div id="wrapper">
<div id="content">
<p><strong>NOTRE MISSION</strong>
<br>Salut Daniel
<br>a toi d'écrire du text :).</p>
<br>
<p>very make make fill silly long long filler column long make silly
silly column filler fill fill very filler text fill filler column make
fill make text very make make very fill fill long make very filler
column very long very filler silly very make filler silly make make
column column </p>
<p>fill long make long text very make long fill column make text very
silly column filler silly text fill text filler filler filler make make
make make text filler fill column filler make silly make text text fill
make very filler column very </p>
<p>column text long column make silly long text filler silly very very
very long filler fill very fill silly very make make filler text filler
text make silly text text long fill fill make text fill long text very
silly long long filler filler fill silly long make column make silly
long column long make very </p>
</div>
</div>
<div id="navigation">
<p></p><div style="text-align: center;"><strong><u><b>Actualités</b></u></strong></div>
<br>
<p class="MsoNormal" style="margin-bottom: 0.0001pt; line-height: normal;"><span style="font-size: 10pt; font-family: "Courier New";">DG. Solutions à conclu une entente d'exclusivité
pour représenter le groupe North Americain Lasers au Québec.</span>
</p>
<a href="http://www.northamericanlasers.com/" title="North Americain Laser" target="_blank"><div style="text-align: center;">Site web</div></a>
</div>
<br>
<div id="extra">
<p></p><div style="text-align: center;"><img src="Photos/2_2.png" alt="" border="0" height="100" width="240">
<br><img src="Photos/3_2.png" alt="" border="0" height="100" width="240">
<br><img src="Photos/4_2.png" alt="" border="0" height="100" width="240">
<br><img src="Photos/1_2.png" alt="" border="0" height="100" width="240">
<br><img src="Photos/contacts_2.png" alt="" border="0" height="100" width="240">
<br></div>
</div>
<div id="footer">
<div style="text-align: center;"><p>DG. Solutions ®</p></div>
</div>
</div>
</body></html>