18041 sujets

Questions générales et questions de débutants

Menu Fixe ? zone centrale extensible ?

Bonjour,

Tous d'abord merci pour toutes les infos trouver sur le site et le forum vraiment très utile pour les débutants !

Alors voilà je souhaite créer mon site internet pour mes créations et j'aimerais que mon menu soit fixe et que la zone centrale du site elle soit extensible avec la molette ou la souris. 

<!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>

<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Begui</title>
<script type="text/javascript" language="javascript" src="js/jquery.js"></script>
<script type="text/javascript">
<!--//---------------------------------+
//  Developed by Roshan Bhattarai 
//  Visit  http://roshanbh.com.np  for this script and more.
//  This notice MUST stay intact for legal use
// --------------------------------->
$(document).ready(function()
{
	//slides the element with class "menu_body" when paragraph with class "menu_head" is clicked 
	$("#firstpane p.menu_head").click(function()
    {
		$(this).css({backgroundImage:"url(down.png)"}).next("div.menu_body").slideToggle(300).siblings("div.menu_body").slideUp("slow");
       	$(this).siblings().css({backgroundImage:"url(left.png)"});
	});
	//slides the element with class "menu_body" when mouse is over the paragraph
	$("#secondpane p.menu_head").mouseover(function()
    {
	     $(this).css({backgroundImage:"url(down.png)"}).next("div.menu_body").slideDown(500).siblings("div.menu_body").slideUp("slow");
         $(this).siblings().css({backgroundImage:"url(left.png)"});
	});
});
</script>

<link rel="stylesheet" type="text/css" href="css/beguistyle.css" />

</head>

<body>
<table width="1100" border="0" align="center">
  <tr>
    <td width="239" id="logo3"><a href="index.html"><img src="images/logo.png" width="180" height="180"/></a></td>
    <td width="851" colspan="2" rowspan="2" valign="top" id="menucentral">&nbsp;</td>
  </tr>
  <tr>
    <td height="228" valign="top" id="menu"><div id="firstpane" class="menu_list"><!--Code for menu starts here-->
		
        <p class="menu_head">ILLUSTRATION</p>
		<div class="menu_body">
            <a href="#">Partie de poker</a>
            <a href="#">Le royaume des rêves</a>
            <a href="#">Epic bird</a>
            <a href="#">Affiches de théatre</a>
            <a href="#">I'm a joke</a>
            <a href="#">FIRN</a>
            <a href="#">La familia</a>
            <a href="#">Barbe bleue</a>
            <a href="#">Dessin de presse</a>
            
		</div>
        <p class="menu_head">GRAPHISME</p>
		<div class="menu_body">
			<a href="#">Recherches graphiques</a>
            <a href="#">Kub or</a>
         	<a href="#">Anne klein</a>
         	<a href="#">FDI</a>
            <a href="#">Regain</a>
            <a href="#">IPESAA</a>
            <a href="#">Irlande</a>
            <a href="#">Top fishing</a>
      </div>
      <p class="menu_head">BIO</p>
      <p class="menu_head">CONTACT</p>
      </div>
  </tr>
  <tr>
    <td colspan="3" align="left" id="menubas"><p>© 2011  built and design by Begui. All rights reserved.</p></td>
  </tr>
</table>

</body>
</html>


Donc si vous avez la solution n'hésitez pas à m'en informer !

Oups désoler je viens de me rendre compte que j'ai pas poster dans la bonne section du forum...
Modifié par Orangino (30 May 2011 - 14:50)
Sujet clos
Aller à