Sujet jojo63
suite du sujet http://doc.eklablog.com/deplacer-une-image-avec-la-souris-comme-en-glisser-deplacer-topic193382 de jojo63
LE CODE HTML PEUT S'ECRIRE
<p> </p>
<ul id="menuligne">
<li><a href="/office-2016-p1400758"> Office 2016 </a></li>
<li><a href="/photoshop-p1407716"> Adobe Photoshop </a></li>
<li><a href="/premiere-pro-p1407710">Adobe Première Pro</a></li>
<li><a href="/windows-10-p1400760"> Windows 10 </a></li>
<li><a href="/windows-7-p1400762"> Windows 7 </a></li>
<li><a href="/kmsauto-net-p1409658"> KMS Auto Net </a></li>
<li><a href="/aviconverter-p1400764"> Avi Converter </a></li>
<li><a href="/navigateurs-p1404450"> Navigateurs </a></li>
<li><a href="/libre-office-et-open-office-p1406674"> libre office ou Open office</a></li>
<li><a href="/logiciels-pdf-trackers-p1413340">PDF Trackers </a></li>
<li><a href="/sketchup-vieilles-versions-p1416606"> Sketchup (ancienne version) </a></li>
<li><a href="/sketchup-versions-actuelles-p1419192"> Sketchup (nouvelle version) </a></li>
<li><a href="/outil-de-telechargement-des-iso-windows-et-office-p1421384"> ISO Windows & MS Office </a></li>
</ul>
<p> </p>
LE STYLE CSS récupéré et ajusté (entre des balises <style> et </style> pour être placé dans le code source de l'article)
<style><!--
#menuligne li{
float: left;
list-style-type: none;
}
#menuligne a{
display: block;
height: 15px;
width: 200px; /* largeur des éléments du menu */
color: white;
padding: 10px;
background-color: green;
border-top: 1px solid white;
border-right: 1px solid white;
border-bottom: 1px solid white;
border-left: 1px solid white;
}#menuligne a:hover{
color: black;
background-color: white;
border-top: 1px solid #B29C89;
border-right: 1px solid black;
border-bottom: 1px solid #B29C89;
border-left: 1px solid black;
}
#menuligne ul {
width: 219px;
}
#menuligne ul a {
height: 20px;
text-align: center;
border-top: 1px solid #B29C89;
border-right: 1px solid #B29C89;
border-bottom: 1px solid #B29C89;
border-left: 1px solid #B29C89;
}
--></style>