Probleme icone et menu JS

Fermé
GUIPE Messages postés 94 Date d'inscription mardi 5 mai 2009 Statut Membre Dernière intervention 15 décembre 2009 - 25 mai 2009 à 17:18
Bonjour, j'ai un menu déroulant comportant des catégories. J'aimerai à côté de chaque catégorie insérer une icone ajouter mais je nsais pas comment faire. Je nsais que la mette au dessous ou au dessus du nom de la catégorie alors que je voudrai la mettre à côté, voici le code !

<html>
<head>
<h1><div align="center"><font color="white">Console d'administration</div></h1>
<body background="img.jpg">

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>

<script type="text/javascript" src="ddaccordion.js"></script>

<script type="text/javascript">

ddaccordion.init({
headerclass: "submenuheader", //Shared CSS class name of headers group
contentclass: "submenu", //Shared CSS class name of contents group
revealtype: "click", //Reveal content when user clicks or onmouseover the header? Valid value: "click", "clickgo", or "mouseover"
mouseoverdelay: 200, //if revealtype="mouseover", set delay in milliseconds before header expands onMouseover
collapseprev: true, //Collapse previous content (so only one open at any time)? true/false
defaultexpanded: [], //index of content(s) open by default [index1, index2, etc] [] denotes no content
onemustopen: false, //Specify whether at least one header should be open always (so never all headers closed)
animatedefault: false, //Should contents open by default be animated into view?
persiststate: true, //persist state of opened contents within browser session?
toggleclass: ["", ""], //Two CSS classes to be applied to the header when it's collapsed and expanded, respectively ["class1", "class2"]
//togglehtml: ["suffix", "<img src='images/plus.gif' class='statusicon' />", "<img src='images/minus.gif' class='statusicon' />"], //Additional HTML added to the header when it's collapsed and expanded, respectively ["position", "html1", "html2"] (see docs)
animatespeed: "fast", //speed of animation: integer in milliseconds (ie: 200), or keywords "fast", "normal", or "slow"
oninit:function(headers, expandedindices){ //custom code to run when headers have initalized
//do nothing
},
onopenclose:function(header, index, state, isuseractivated){ //custom code to run whenever a header is opened or closed
//do nothing
}
})
</script>

<style type="text/css">

.glossymenu{
margin: 5px 0;
padding: 0;
width: 170px; /*width of menu*/
border: 1px solid #9A9A9A;
border-bottom-width: 0;
}

.glossymenu a.menuitem{
background: black url(glossyback.gif) repeat-x bottom left;
font: bold 14px "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, sans-serif;
color: white;
display: block;
position: relative; /*To help in the anchoring of the ".statusicon" icon image*/
width: auto;
padding: 4px 0;
padding-left: 10px;
text-decoration: none;
}


.glossymenu a.menuitem:visited, .glossymenu .menuitem:active{
color: white;
}

.glossymenu a.menuitem .statusicon{ /*CSS for icon image that gets dynamically added to headers*/
position: absolute;
top: 5px;
right: 5px;
border: none;
}

.glossymenu a.menuitem:hover{
background-image: url(glossyback2.gif);
}

.glossymenu div.submenu{ /*DIV that contains each sub menu*/
background: white;
}

.glossymenu div.submenu ul{ /*UL of each sub menu*/
list-style-type: none;
margin: 0;
padding: 0;
}

.glossymenu div.submenu ul li{
border-bottom: 1px solid blue;
}

.glossymenu div.submenu ul li a{
display: block;
font: normal 13px "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, sans-serif;
color: black;
text-decoration: none;
padding: 2px 0;
padding-left: 10px;
}

.glossymenu div.submenu ul li a:hover{
background: #DFDCCB;
colorz: white;
}
</style>
</head>
<body>


<?php

include("connection.php");

echo'<strong><h3>Gestion des pages:</h3></strong></font><font color="#0066FF">';
$r_cat = mysql_db_query($db,"SELECT * FROM cat ORDER BY ordre ASC");
while($cat = mysql_fetch_assoc($r_cat))
{

$r_pages= mysql_db_query($db,"SELECT * FROM pages WHERE id_cat= '$cat[id]' ORDER BY ordre ASC");
$n=mysql_num_rows($r_pages);
if($n>=1)
{

$class='menuitem submenuheader';
$debut='<div class="submenu"><ul>';
$fin='</ul></div>';
}
else
{
$class='menuitem';
$debut='';
$fin='';
}

echo '<div class="glossymenu"><br /><form method="post" action="ajoutpages.php" ><input type="hidden" name="categories" value="'.$cat['id'].'" /><input type="image" src="plus.gif" title="Ajouter une page dans la catégorie" /></form><a class="'.$class.'">'.$cat['nom_fr'].'</a>';

echo $debut;
while($pages = mysql_fetch_assoc($r_pages))
{
echo '<li><br /><form method="post" action="modifpages.php" ><input type="hidden" name="pages" value="'.$pages['id'].'" /><input type="image" src="images.jpg" title="Modifier"/></form><em>'.$pages['titre_fr'].'/'.$pages['titre_en'].'</em></a></li>';
}
echo $fin.'</div>';

} ?>
<strong><h3><a href="admincat.php">Gestion des catégories</a></h3></strong>
</div>
</body>
</html>
<?php mysql_close();?>