ah oui j'avais mis les </a> trop loin et oubliez les#,
par contre j'ai modifier mais sa ne fonctionne pas
j'espère que je me suis pas encore trompez
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html lang="fr">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>bla bla bla bla bla bla - en construction</title>
<meta name="description" content="" />
<meta name="keywords" content="" />
<meta name="Author" content="" />
<link rel="shortcut icon" type="images/x-icon" href="/favicon.ico" />
<link rel="stylesheet" type="text/css" href="MB.css" media="all" />
<script type="text/javascript" src="styleswitch.js"></script>
<link href="normal.css" rel="stylesheet" type="text/css" title="A">
<link href="medium.css" rel="alternate stylesheet" type="text/css" title="A+">
<link href="large.css" rel="alternate stylesheet" type="text/css" title="A++">
<script type="text/javascript" src="styleswitch.js"></script>
<!-- jQuery library --><script type="text/javascript" src="jcarousel/lib/jquery-1.2.1.pack.js"></script>
<!-- jCarousel library --><script type="text/javascript" src="jcarousel/lib/jquery.jcarousel.pack.js"></script>
<!-- Jcarousel -->
<script type="text/javascript">
var mycarousel_itemList = [
{url: 'http://static.flickr.com/66/199481236_dc98b5abb3_s.jpg', title: 'Flower1'},
{url: 'http://static.flickr.com/75/199481072_b4a0d09597_s.jpg', title: 'Flower2'},
{url: 'http://static.flickr.com/57/199481087_33ae73a8de_s.jpg', title: 'Flower3'},
{url: 'http://static.flickr.com/77/199481108_4359e6b971_s.jpg', title: 'Flower4'},
{url: 'http://static.flickr.com/58/199481143_3c148d9dd3_s.jpg', title: 'Flower5'},
{url: 'http://static.flickr.com/72/199481203_ad4cdcf109_s.jpg', title: 'Flower6'},
{url: 'http://static.flickr.com/58/199481218_264ce20da0_s.jpg', title: 'Flower7'},
{url: 'http://static.flickr.com/69/199481255_fdfe885f87_s.jpg', title: 'Flower8'},
{url: 'http://static.flickr.com/60/199480111_87d4cb3e38_s.jpg', title: 'Flower9'},
{url: 'http://static.flickr.com/70/229228324_08223b70fa_s.jpg', title: 'Flower10'}
];
function mycarousel_itemVisibleInCallback(carousel, item, i, state, evt)
{
// The index() method calculates the index from a
// given index who is out of the actual item range.
var idx = carousel.index(i, mycarousel_itemList.length);
carousel.add(i, mycarousel_getItemHTML(mycarousel_itemList[idx - 1]));
};
function mycarousel_itemVisibleOutCallback(carousel, item, i, state, evt)
{
carousel.remove(i);
};
/* Item html creation helper. */
function mycarousel_getItemHTML(item)
{
return '<img src="' + item.url + '" width="75" height="75" alt="' + item.title + '" />';
};
jQuery(document).ready(function() {
jQuery('#mycarousel').jcarousel({
wrap: 'circular',
itemVisibleInCallback: {onBeforeAnimation: mycarousel_itemVisibleInCallback},
itemVisibleOutCallback: {onAfterAnimation: mycarousel_itemVisibleOutCallback}
});
});
</script>
</head>
<body>
<div id="conteneur">
<div id="Ligne_header">
<ul id="nav_bar">
<li><a href="#gomenu"><span>Aller au menu</span></a> | </li>
<li><a href="#gorecherche">faire une recherche</a> | </li>
<li><a href="#gocontenu" name="gocontenu" id="gocontenu">Aller au contenu</a></li>
</ul>
</div>
<!-- haut -->
<div id="haut">
<h1 id="logo"><a href="" title="Retour Accueil"><img src="images/logo.png" alt="" width="408" height="88" style="border:none;" /></a>
<h2 id="slogan"><img src="images/logo2.png" width="256" height="88" style="border:none;" /></h2>
<div id="home_msg">
<a href="" title=""><img src="images/gohome.png" width="33" height="51" style="border:none;" /></a>
<a href="" title=""><img src="images/mail_generic.png" width="33" height="50" style="border:none;" /></a></div>
<div id="acces_rapide">
<div id="color_default">Style: <a href=""><img src="images/color_default.png" alt="Modifier le style" width="18" height="15" style="border:none;" /></div></a>
<div id="font_switch">Taille du texte:
<a href="#" onclick="setActiveStyleSheet('A'); return false;"><font size="2">A</font></a></span>
<a href="#" onclick="setActiveStyleSheet('A+'); return false;"><font size="3">A</font></a></span>
<a href="#" onclick="setActiveStyleSheet('A++'); return false;"><font size="5">A</font></a></span>
</div>
</div>
<!-- menu -->
<fieldset id="menu_header">
<a href="#gomenu" name="gomenu" id="gomenu"></a>
<ul>
<li class="bouton_gauche"><a href="/">Accueil</a></li>
<li class="bouton"><a href="">Articles</a></li>
<li class="bouton"><a href="">Recherche</a></li>
<li class="bouton"><a href="">Le Forum</a></li>
<li class="bouton"><a href="">Chattez!</a></li>
<li class="bouton"><a href="">Télécharger</a></li>
<li class="bouton"><a href="">F.A.Q</a></li>
<li class="bouton"><a href="">Gallerie Photo</a></li>
<li class="bouton"><a href="">Boutique</a></li>
<li class="bouton"><a href="">Livre D'Or</a></li>
<li class="bouton_droite"><a href="contact.html">Contact</a></li>
</ul>
</fieldset>
<!-- fin - menu -->
<!-- bloc bienvenue + recherche -->
<div id="bienvenue_recherche">
<div id="message_bienvenue">
<a href="/" title="Créer un compte">s'enregistrer</a> | <a href="/" title="Connexion">se connecter</a></div>
<div id="recherche_haut">
<a href="#gorecherche" name="gorecherche" id="gorecherche"></a>
<script language="javascript" type="text/javascript">
function validation()
{
// recuperation de la valeur du champ
champ = document.RechercheArticle.recherche.value;
if(champ == "" || parseInt(champ)!=champ && champ.length < 3)
{
alert ('Veuillez saisir au minimum 3 caratères.');
// document.formulaire.Recherche.focus();
return false;
}
else
{
return true;
}
}
</script>
<form method="get" action="/recherche.php" name="RechercheArticle" target="_top" onSubmit="return validation();">
<div id="recherche_icon"><img src="images/recherche_icon.png" /></div><span>Recherche :</span>
<input id="Recherche_Maillot" name="recherche" class="recherchebox" type="text" value="" />
<select name="famille" class="catbox">
<option value="0">Sur cette page</option>
<option value="1">Les espèces</option>
<option value="1">Culture</option>
<option value="1">Entretien</option>
<option value="1">Techniques</option>
<option value="1">Formation</option>
<option value="1">Forum</option>
</select>
<input type="button" class="bttgo"/>
</form>
</div>
</div>
<!-- bloc bienvenue + recherche -->
</div>
<!-- fin - haut -->
<!-- coeur du site -->
<div id="page">
<div id="barrebas"></div>
<div id="gauche">
<a href="#gocontenu" name="gocontenu" id="gocontenu"></a>
<div id="cat_gauche">
<ul class="effect_menu">
<li><a href="" title="">Menu 1</a></li>
<li><a href="" title="">Menu 2</a></li>
<li><a href="" title="">Menu 3</a></li>
<li><a href="" title="">Menu 4</a></li>
<li><a href="" title="">Menu 5</a></li>
<li><a href="" title="">Menu 6</a></li>
<li><a href="" title="">Menu 7</a></li>
<li><a href="" title="">Menu 8</a></li>
<li><a href="" title="">Menu 9</a></li>
<li><a href="" title="">Menu 10</a></li>
</ul></div>
<div id="sous_menu_gauche">
<a href=""><b>Introduction</b></a>
</div></div>
<div id="centre">
<div>
<img src="images/815x76.png" alt="" width="817" height="76" style="margin:1px 0 3px 0;" />
</div>
<div id="nouveautes_accueil">
<a href=""><b>Culture</b></a>
<h1><a href="" title="">Introduction</a></h1>
<div><img src="images/article_icon.png"/> <a href="" title="">Articles</a></div>
<div id="frame">
bla bla bla bla bla<hr>bla bla bla bla bla<br />bla bla bla bla bla<br />bla bla bla bla bla<br />bla bla bla bla bla<br />bla bla bla bla bla<br />bla bla bla bla bla<br />bla bla bla bla bla<br />bla bla bla bla bla<br />bla bla bla bla bla<br />bla bla bla bla bla<br />bla bla bla bla bla<br />bla bla bla bla bla<br />bla bla bla bla bla<br />
</div>
<hr id="ts_articles" />
• <a href="" title="">Voir tous les articles</a>
</div>
<div id="promotions_accueil">
<a href=""><b>Entretien</b></a>
<h1><a href="" title="">Introduction</a></h1>
<div><img src="images/article_icon.png"/> <a href="" title="">Articles</a></div>
<div id="frame">
bla bla bla bla bla<hr>bla bla bla bla bla<br />bla bla bla bla bla<br />bla bla bla bla bla<br />bla bla bla bla bla<br />bla bla bla bla bla<br />bla bla bla bla bla<br />bla bla bla bla bla<br />bla bla bla bla bla<br />bla bla bla bla bla<br />bla bla bla bla bla<br />bla bla bla bla bla<br />bla bla bla bla bla<br />bla bla bla bla bla<br />
</div>
<hr id="ts_articles" />
• <a href="" title="">Voir tous les articles</a>
</div>
<div id="rares_accueil">
<a href=""><b>Techniques</b></a>
<h1><a href="" title="">Introduction</a></h1>
<div><img src="images/article_icon.png"/> <a href="" title="">Articles</a></div>
<div id="frame">
bla bla bla bla bla<hr>bla bla bla bla bla<br />bla bla bla bla bla<br />bla bla bla bla bla<br />bla bla bla bla bla<br />bla bla bla bla bla<br />bla bla bla bla bla<br />bla bla bla bla bla<br />bla bla bla bla bla<br />bla bla bla bla bla<br />bla bla bla bla bla<br />bla bla bla bla bla<br />bla bla bla bla bla<br />bla bla bla bla bla<br />
</div>
<hr id="ts_articles" />
• <a href="" title="">Voir tous les articles</a>
</div>
<div id="coupcoeur_accueil">
<a href=""><b>Formation</b></a>
<h1><a href="" title="">Introduction</a></h1>
<div><img src="images/article_icon.png"/> <a href="" title="">Articles</a></div>
<div id="frame">
bla bla bla bla bla<hr>bla bla bla bla bla<br />bla bla bla bla bla<br />bla bla bla bla bla<br />bla bla bla bla bla<br />bla bla bla bla bla<br />bla bla bla bla bla<br />bla bla bla bla bla<br />bla bla bla bla bla<br />bla bla bla bla bla<br />bla bla bla bla bla<br />bla bla bla bla bla<br />bla bla bla bla bla<br />bla bla bla bla bla<br />
</div>
<hr id="ts_articles" />
• <a href="" title="">Voir tous les articles</a>
</div>
<div id="actu_accueil">
<a href=""><b>Les espèces</b></a>
<div id="Liste_especes">
<form id="liste_links" method="post" action="http://www.apple.com/cgi-bin/nph-menu">
<select name="Liste_especes" onChange="location.href=this.form.Liste_especes.options[this.form.Liste_especes.selectedIndex].value">
<option selected value="">Espace Bonsai</option>
<option value="">Nom de l'espèce</option>
<option value="">Nom de l'espèce</option>
<option value="">Nom de l'espèce</option>
<option value="">Nom de l'espèce</option>
<option value="">Nom de l'espèce</option>
<option value="">-----------------</option>
<option value="">Nom de l'espèce</option>
<option value="">Nom de l'espèce</option>
<option value="">Nom de l'espèce</option>
<option value="">Nom de l'espèce</option>
<option value="">Nom de l'espèce</option>
<option value="">-----------------</option>
<option value="">Nom de l'espèce</option>
<option value="">Nom de l'espèce</option>
<option value="">Nom de l'espèce</option>
<option value="">Nom de l'espèce</option>
<option value="">Nom de l'espèce</option>
</select>
</form>
</div>
</div>
<div id="expo_accueil">
<a href=""><b>Gallerie</b></a>
<div id="wrap">
<ul id="mycarousel" class="jcarousel-skin-ie7">
<li><img src="http://static.flickr.com/66/199481236_dc98b5abb3_s.jpg" width="75" height="75" alt="" /></li>
<li><img src="http://static.flickr.com/75/199481072_b4a0d09597_s.jpg" width="75" height="75" alt="" /></li>
<li><img src="http://static.flickr.com/57/199481087_33ae73a8de_s.jpg" width="75" height="75" alt="" /></li>
<li><img src="http://static.flickr.com/77/199481108_4359e6b971_s.jpg" width="75" height="75" alt="" /></li>
<li><img src="http://static.flickr.com/58/199481143_3c148d9dd3_s.jpg" width="75" height="75" alt="" /></li>
<li><img src="http://static.flickr.com/72/199481203_ad4cdcf109_s.jpg" width="75" height="75" alt="" /></li>
<li><img src="http://static.flickr.com/58/199481218_264ce20da0_s.jpg" width="75" height="75" alt="" /></li>
<li><img src="http://static.flickr.com/69/199481255_fdfe885f87_s.jpg" width="75" height="75" alt="" /></li>
<li><img src="http://static.flickr.com/60/199480111_87d4cb3e38_s.jpg" width="75" height="75" alt="" /></li>
<li><img src="http://static.flickr.com/70/229228324_08223b70fa_s.jpg" width="75" height="75" alt="" /></li>
</ul>
</div>
</div>
</div>
</div>
<!-- fin - coeur du site -->
<div id="bas">
<div id="barrebas"></div>
<div id="basutile">
<div id="image_footer"></div>
<!-- menu -->
<fieldset id="menubas">
<ul>
<li><a href="">Menu 1</a></li>
<li><a href="">Menu 2</a></li>
<li><a href="">Menu 3</a></li>
<li><a href="">Menu 4</a></li>
<li><a href="">Menu 5</a></li>
<li><a href="">Menu 6</a></li>
<li><a href="">Menu 7</a></li>
<li><a href="">Menu 8</a></li>
</ul>
</fieldset>
<!-- fin - menu -->
<!-- copyright -->
<div id="copyright">
<span>Copyright © 2007 Espace bonsai. Tous droits réservés.</span>
</div>
<!-- fin - copyright -->
</div>
<div id="Ligne_footer"><div id="xhtml_css"></div></div>
</div>
</body>
</html>
Modifié par sheitanEB (18 Jan 2008 - 00:08)
!
!