28220 sujets

CSS et mise en forme, CSS3

Menu css qui deconnne

Pourquoi mon menu ne marche pas ( realisations et evenements deconne)

http://60gp.ovh.net/~deliriumn/






<!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>Document sans titre</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />

<style type="text/css">
<!--
@import url("feuille_de_style.css");
-->
</style>
<script type="text/javascript">
	arobase_off = new Image ();
	arobase_on = new Image ();
	arobase_off.src = "images/arobase_off.gif";
	arobase_on.src = "images/arobase_on.gif";

	function permutation (id,Alpha)

	{

	(Alpha==1)? Objet_img=id+"_off":Objet_img=id+"_on"; // condition
	Objet_img+=".src";


	document.images[id].src=eval(Objet_img);
	}


</script>
<script type="text/javascript">
<!--
window.onload=show_me;
function show_me(id) 
{
var y = document.getElementById(id);
	for (var i = 1; i<=10; i++) 
	{
		if (document.getElementById('show_menu'+i)) 
		{
		document.getElementById('show_menu'+i).style.display='none';
		}
	}
	
	if (y) 
	{
y.style.display='block';

	}
}
//-->
</script>

<script>
function displayPics()
{
	var photos = document.getElementById('galerie_mini') ;
	// On récupère l'élément ayant pour id galerie_mini
	var liens = photos.getElementsByTagName('a') ;
	// On récupère dans une variable tous les liens contenu dans galerie_mini
	var big_photo = document.getElementById('big_pict') ;
	// Ici c'est l'élément ayant pour id big_pict qui est récupéré, c'est notre photo en taille normale

	var titre_photo = document.getElementById('photo').getElementsByTagName('dt')[0] ;
	// Et enfin le titre de la photo de taille normale

	// Une boucle parcourant l'ensemble des liens contenu dans galerie_mini
	for (var i = 0 ; i < liens.length ; ++i) {
		// Au clique sur ces liens 
		liens[i].onclick = function() {
			big_photo.src = this.href; // On change l'attribut src de l'image en le remplaçant par la valeur du lien
			big_photo.alt = this.title; // On change son titre
			titre_photo.firstChild.nodeValue = this.title; // On change le texte de titre de la photo
			return false; // Et pour finir on inhibe l'action réelle du lien
		};
	}
}
window.onload = displayPics;
// Il ne reste plus qu'à appeler notre fonction au chargement de la page
		

</script>
</head>

<body>
<div id="conteneur">     
  
	
  <div id="header_logo">
  <a href="#">&Eacute;v&egrave;nements</a>
    <a href="#">Liens</a>
	<a id="a_valide_css" href="http://jigsaw.w3.org/css-validator/"><img src="pict/valid-css2.png" style="border:0px;" name="Valid CSS!" alt="Valid CSS">
	<a id="a_valide_xhtml" style="text-decoration:none;" href="#"><img src="pict/xhtml10.png" style="border:0px;" name="Valid XHTML!" alt="Valid XHTML!"></a>

 
   
  </div> 
    
  <div id="header_marque">
  
  </div>
   

	
	
	
	
   
  <dl id="menu">
    <dt onmouseover="javascript:show_me('show_menu1');">
	<a href="#">Delirium Tribu ?</a></dt>
    <dd id="show_menu1" onmouseover="javascript:show_me('show_menu1');" onmouseout="javascript:show_me();"> 
      <ul>
        <li><a href="index.php?page=organisation">Organisation</a></li>

        <li><a href="index.php?page=histoire">Histoire</a></li>
        <li><a href="index.php?page=membres">Membres</a></li>
        <li><a href="#">Presse</a></li>
      </ul>
    </dd>
    <dt onmouseover="javascript:show_me('show_menu2');" onmouseout="javascript:show_me();"><a href="#">Pfifferdaj</a></dt>
    <dd id="show_menu2" onmouseover="javascript:show_me('show_menu2');" onmouseout="javascript:show_me();"> 
      <ul>

        <li><a href="#">Origines</a></li>
        <li><a href="#">D&eacute;roulement</a></li>
        <li><a href="#">R&eacute;alisations</a></li>
      </ul>
    </dd>
  
  </dl>

             	

  
  
<!--<div id="contact"><a href="#" onmouseout="permutation('arobase',1)" onmouseover="permutation('arobase',0)"><img id="arobase" src="images/arobase_off.gif"></a></div>-->
  


<div id="page">
	<h1>Exhausteur d'ambiance</h1>
  <div align="justify">Comme chaque ann&eacute;e, et 2005 ne d&eacute;roge pas 
    &agrave; la r&egrave;gle, la Delirium Tribu et le Bar le Saint Uhl se sont 
    associ&eacute;s pour nettoyer le chateau eponyme.<img src="pict/dt_nett_2005.jpg" align="right" vspace="2" hspace="4" border="0"> 
  </div>

</div> 
 
		



</div> 

</body>
</html>



Merci d'essayer d'apporter de la lumiere a ce probleme epineux Smiley murf [/i]
Sujet clos
Aller à