ci dessous mon code en local
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "
www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd
">
<html xmlns="
www.w3.org/1999/xhtml
" xml:lang="en-gb" lang="en-gb" >
<head>
<base href="http://localhost/index.php/product-listing" />
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<meta name="robots" content="index, follow" />
<meta name="generator" content="Joomla! 1.7 - Open Source Content Management" />
<title>OSAD - product category</title>
<link href="/index.php/product-listing/type-rss?format=feed" rel="alternate" type="application/rss+xml" title="product category RSS 2.0" />
<link href="/index.php/product-listing/type-atom?format=feed" rel="alternate" type="application/atom+xml" title="product category Atom 1.0" />
<link rel="stylesheet" href="/media/com_hikashop/css/frontend_default.css" type="text/css" />
<style type="text/css">
#hikashop_category_information_menu_112 div.hikashop_subcontainer {
background:#FFFFFF;
}
#hikashop_category_information_menu_112 .hikashop_rtop *,#hikashop_category_information_menu_112 .hikashop_rbottom *{
background:#FFFFFF;
}
#hikashop_category_information_menu_112 div.hikashop_subcontainer,#hikashop_category_information_menu_112 div.hikashop_subcontainer span {
text-align:center;
}
#hikashop_category_information_menu_112 div.hikashop_container {
text-align:center;
}
#hikashop_category_information_menu_112 div.hikashop_container {
margin:10px 10px;
}
#hikashop_category_information_menu_112 div.hikashop_category,#hikashop_category_information_menu_112 div.hikashop_product{
float:left;
width:100%;
}
#hikashop_category_information_menu_112 .hikashop_subcontainer {
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
-khtml-border-radius: 5px;
border-radius: 5px;
}
#hikashop_category_information_module_84 div.hikashop_subcontainer {
background:#FFFFFF;
}
#hikashop_category_information_module_84 .hikashop_rtop *,#hikashop_category_information_module_84 .hikashop_rbottom *{
background:#FFFFFF;
}
#hikashop_category_information_module_84 div.hikashop_subcontainer,#hikashop_category_information_module_84 div.hikashop_subcontainer span {
text-align:center;
}
#hikashop_category_information_module_84 div.hikashop_container {
text-align:center;
}
#hikashop_category_information_module_84 div.hikashop_container {
margin:10px 10px;
}
#hikashop_category_information_module_84 div.hikashop_category,#hikashop_category_information_module_84 div.hikashop_product{
float:left;
width:100%;
}
#hikashop_category_information_module_84 .hikashop_subcontainer {
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
-khtml-border-radius: 5px;
border-radius: 5px;
}
</style>
<script src="/media/com_hikashop/js/hikashop.js" type="text/javascript"></script>
<script src="/media/system/js/core.js" type="text/javascript"></script>
<script src="/media/system/js/mootools-core.js" type="text/javascript"></script>
<script src="/media/system/js/mootools-more.js" type="text/javascript"></script>
<script type="text/javascript">
function keepAlive() { var myAjax = new Request({method: "get", url: "index.php"}).send();} do_nothing( function(){ keepAlive.periodical(840000); });
</script>
<link rel="stylesheet" href="/templates/system/css/system.css" type="text/css" />
<link rel="stylesheet" href="/templates/system/css/general.css" type="text/css" />
<link rel="stylesheet" href="/templates/a4joomla-twilight-free/css/template.css" type="text/css" />
<link rel="stylesheet" href="/templates/a4joomla-twilight-free/css/blue.css" type="text/css" />
<!--[if IE 6]>
<link rel="stylesheet" href="/templates/a4joomla-twilight-free/css/ie6.css" type="text/css" />
<style type="text/css">
img, div, a, input { behavior: url(/templates/a4joomla-twilight-free/iepngfix.htc) }
#search input.inputbox, #allwrap { behavior:none;}
</style>
<script src="/templates/a4joomla-twilight-free/js/iepngfix_tilebg.js" type="text/javascript"></script>
<![endif]-->
<!--[if lte IE 7]>
<link rel="stylesheet" href="/templates/a4joomla-twilight-free/css/ie67.css" type="text/css" />
<![endif]-->
<!--[if lte IE 8]>
<style type="text/css">
#search input.inputbox, #allwrap { behavior: url(/templates/a4joomla-twilight-free/js/PIE.php) }
</style>
<![endif]-->
<style type="text/css">
#logo {
width:350px;
}
#headerright {
width:595px;
}
#search {
width:0px;
height:32px;
}
#slideshow-container {
width:950px;
height:340px;
}
#slideshow-container img {
width:950px;
height:340px;
}
#slcontrol {
width:950px;
top:42.647058823529%;
}
a#slprev {
background: url("/templates/a4joomla-twilight-free/images/previous-white.png") no-repeat scroll left center transparent;
}
a#slnext {
background: url("/templates/a4joomla-twilight-free/images/next-white.png") no-repeat scroll right center transparent;
}
</style>
<script src="/templates/a4joomla-twilight-free/js/verysimpleslideshow.js" type="text/javascript"></script>
</head>
<body>
<div id="header" class="gainlayout" style="width:980px;">
<div id="logo" class="gainlayout">
<h2><a href="http://localhost/" title="OSAD">OSAD</a></h2>
<h3>Organisation Sénégalaise d'Appui au Développement</h3>
</div>
<div id="headerright" class="gainlayout">
<div class="clr"></div>
</div>
<div class="clr"></div>
</div>
<div id="allwrap" class="gainlayout" style="width:980px;">
<div id="wrap" class="gainlayout">
<div id="topmenuwrap" class="gainlayout">
<div class="clr"></div>
</div>
<div id="pathway" class="gainlayout">
<div class="breadcrumbs">
<span class="showHere">You are here: </span><a href="/" class="pathway">Home</a> <img src="/templates/a4joomla-twilight-free/images/system/arrow.png" alt="" /> <span>Catalogue des publications par catégorie</span></div>
<div class="clr"></div>
</div>
<div id="cbody" class="gainlayout">
<div id="sidebar" style="width:190px;">
<div class="moduletable_menu">
<h3>Main Menu</h3>
<ul class="menu">
<li class="item-101"><a href="/" >Accueil</a></li><li class="item-111"><a href="/index.php/product-links" >Liste des Publications</a></li><li class="item-112 current active"><a href="/index.php/product-listing" >Catalogue des publications par catégorie</a></li><li class="item-113"><a href="/index.php/la-litterature-ecrite-en-wolof" >La littérature écrite en wolof </a></li><li class="item-114"><a href="/index.php/les-travaux-de-michel-adanson-sur-la-langue-wolof" >Les Travaux de Michel Adanson sur la langue wolof</a></li><li class="item-115"><a href="/index.php/mbind-mi" >Mbind mi</a></li><li class="item-116"><a href="/index.php/note-sur-lecriture-wolof" >Note sur l'écriture Wolof </a></li><li class="item-117"><a href="/index.php/proverbes-et-taasu" >Proverbes et Taasu</a></li><li class="item-119"><a href="/index.php/qui-sommes-nous" >Qui sommes nous?</a></li><li class="item-118"><a href="/index.php/contact" >Contact</a></li></ul>
</div>
<div class="moduletable">
<h3>Login Form</h3>
<form action="/index.php/product-listing" method="post" id="login-form" >
<fieldset class="userdata">
<p id="form-login-username">
<label for="modlgn-username">User Name</label>
<input id="modlgn-username" type="text" name="username" class="inputbox" size="18" />
</p>
<p id="form-login-password">
<label for="modlgn-passwd">Password</label>
<input id="modlgn-passwd" type="password" name="password" class="inputbox" size="18" />
</p>
<p id="form-login-remember">
<label for="modlgn-remember">Remember Me</label>
<input id="modlgn-remember" type="checkbox" name="remember" class="inputbox" value="yes"/>
</p>
<input type="submit" name="Submit" class="button" value="Log in" />
<input type="hidden" name="option" value="com_users" />
<input type="hidden" name="task" value="user.login" />
<input type="hidden" name="return" value="aW5kZXgucGhwP0l0ZW1pZD0xMTI=" />
<input type="hidden" name="9c3d000e62010735adeec1b3dee6a11d" value="1" /> </fieldset>
<ul>
<li>
<a href="/index.php/component/users/?view=reset">
Forgot your password?</a>
</li>
<li>
<a href="/index.php/component/users/?view=remind">
Forgot your username?</a>
</li>
<li>
<a href="/index.php/component/users/?view=registration">
Create an account</a>
</li>
</ul>
</form>
</div>
</div>
<div id="content60" style="width:490px;">
<div id="content" class="gainlayout">
<div id="system-message-container">
</div>
<div id="hikashop_category_information_menu_112" class="hikashop_category_information hikashop_categories_listing_main">
<h1>
OSAD - product category </h1>
<div class="hikashop_subcategories_listing"> <div class="hikashop_subcategories">
<ul class="hikashop_category_list">
<li class="hikashop_category_list_item" style="width:100%;">
<a href="/index.php/product-listing/category/12-affichage-pour-environnement-lettre-dans-les-classes" >
Affichage pour environnement lettré dans les classes </a>
</li>
<li class="hikashop_category_list_item" style="width:100%;">
<a href="/index.php/product-listing/category/13-initiation-a-la-structure-grammaticale-du-wolof-et-du-sereer" >
Initiation à la structure grammaticale du wolof et du sereer </a>
</li>
<li class="hikashop_category_list_item" style="width:100%;">
<a href="/index.php/product-listing/category/14-manuels-didactiques-pour-lapprentissage-de-la-lecture-et-de-lecriture" >
Manuels didactiques pour l'apprentissage de la lecture et de l'écriture </a>
</li>
<li class="hikashop_category_list_item" style="width:100%;">
<a href="/index.php/product-listing/category/15-livres-de-lecture" >
Livres de lecture </a>
</li>
<li class="hikashop_category_list_item" style="width:100%;">
<a href="/index.php/product-listing/category/16-livres-de-calcul" >
Livres de calcul </a>
</li>
<li class="hikashop_category_list_item" style="width:100%;">
<a href="/index.php/product-listing/category/17-manuels-de-vulgarisation-sanitaire" >
Manuels de vulgarisation sanitaire </a>
</li>
<li class="hikashop_category_list_item" style="width:100%;">
<a href="/index.php/product-listing/category/18-education-civique" >
Education civique </a>
</li>
<li class="hikashop_category_list_item" style="width:100%;">
<a href="/index.php/product-listing/category/19-informatique" >
Informatique </a>
</li>
</ul>
</div>
</div><div class="hikashop_submodules" style="clear:both"><div class="hikashop_module">
<div id="hikashop_category_information_module_84" class="hikashop_category_information hikashop_products_listing_main">
<div class="hikashop_products_listing">
</div>
</div>
<div class="hikashop_submodules" style="clear:both">
</div></div>
</div></div><!-- HikaShop Component powered by
www.hikashop.com
-->
<!-- version Starter : 1.5.4 --><div class="hikashop_footer" style="text-align:center" align="center"><a href="
www.hikashop.com
" target="_blank" title="HikaShop : Joomla!™ Shopping Cart Extension">HikaShop , Joomla!™ Shopping Cart Extension</a></div>
</div>
</div>
<div id="sidebar-2" style="width:200px;">
<div class="moduletable">
<h3>Ajuster la taille</h3>
<script language='javascript' type='text/javascript'>
<!--
defaultSize = 80;
//-->
</script><script type="text/javascript" src="/modules/mod_ppc_fastfont/js/fastfont.js"></script>
<div id="fontsize" style="font-size:16px;line-height:110%;text-align:center;">
<div style="border:1;margin:0px 0px 0px 5px;background:#FDA85D url(modules/mod_ppc_fastfont/img/20none.png);float:left;height:20px;width:20px;">
<a style="text-decoration: none" href="/index.php" title="Increase size" onclick="changeFontSize(1); return false;" class="larger">
+</a>
</div>
<div style="border:1;margin:0px 0px 0px 5px;background:#FDA85D url(modules/mod_ppc_fastfont/img/20none.png);float:left;height:20px;width:20px;">
<a style="text-decoration: none" href="/index.php" title="Reset font size to default" onclick="revertStyles(); return false;" class="reset">
A</a>
</div>
<div style="border:1;margin:0px 0px 0px 5px;letter-spacing:-1px;background:#FDA85D url(modules/mod_ppc_fastfont/img/20none.png);float:left;height:20px;width:20px;">
<a style="text-decoration: none" href="/index.php" title="Decrease size" onclick="changeFontSize(-1); return false;" class="smaller">
--</a>
</div>
</div>
</div>
</div>
<div class="clr"></div>
</div>
<!--end of wrap-->
</div>
<!--end of allwrap-->
</div>
<div id="footerwrap" class="gainlayout" style="width:980px;">
<div id="footer" class="gainlayout">
</div>
<div id="a4j"><a href="/"> ©2011 OSAD. Tous droits réservés</a><br><a href="
www.happywebsite-sn.com
"> Powered by Happywebsite-sn.com</a></div><a href="
www.a4joomla.com
"> Template designed by: a4joomla.com</a>
</div>
</body>
</html>