Bonjour,bonsoir,
comme indiqué dans mon titre j'ai un problème, voici mon code :
HTML
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23
| <div id="menu">
<ul id="onglets">
<li><a href="#" onclick="if(document.getElementById('GAL').style.display=='block')
{document.getElementById('GAL').style.display='none'}
else
{document.getElementById('CRE').style.display='none';
document.getElementById('MENU').style.display='none';
document.getElementById('GAL').style.display='block'};
this.src='Images/carte/triskell1.png';">Nos galettes<br/><img src="Images/carte/triskell.png" /></a></li>
<li><a href="#" onclick="if(document.getElementById('CRE').style.display=='block')
{document.getElementById('CRE').style.display='none'}
else
{document.getElementById('GAL').style.display='none';
document.getElementById('MENU').style.display='none';
document.getElementById('CRE').style.display='block'}">Nos crêpes<br/><img src="Images/carte/triskell.png" /></a></li>
<li><a href="#" onclick="if(document.getElementById('MENU').style.display=='block')
{document.getElementById('MENU').style.display='none'}
else
{document.getElementById('CRE').style.display='none';
document.getElementById('GAL').style.display='none';
document.getElementById('MENU').style.display='block'}">Nos menus<br/><img src="Images/carte/triskell.png" /></a></li>
</ul>
</div> |
CSS :
1 2 3 4 5
| #menu {font-family:Papyrus, "Comic Sans MS", Arial; color:#FFFFFF;}
#onglets {margin-left:26%; margin-top:22%; position:absolute; font-size:22px;}
#onglets a{text-decoration:none; color:#FFFFFF;}
#onglets a:hover, #onglets img:hover{ text-decoration:overline; cursor:url(Curseurs/cur.ico), auto;}
#onglets li{list-style-type: none; float:left; padding:35px; text-align: center;} |
MAIS impossible de faire fonctionner :
#onglets li a:visited{...}
ou même tout court...
si qqn a une idée, ça serait sympa!
Partager