Home
by CatherinaAndrea October 20th 2011, 5:00 pmHi all so i tried to make individual buttons move when hovered over with a mouse, but all i could do is making the entire menu move.
These are the css codes i have:
And this is the other html code:
Any help would be nice with the CSS code for the hover.
These are the css codes i have:
- Code:
ul.floating-menu {
left: 25px;
padding: 4px;
position: fixed;
top: 35%;
}
ul.floating-menu:hover {
left: 35px;
padding: 4px;
position: fixed;
top: 35%;
}
And this is the other html code:
- Code:
<body>
<ul class="floating-menu">
<li>
<a href="http://the-citadel.secretstories.org/t31-topic">
<img src="http://icons.iconarchive.com/icons/oxygen-icons.org/oxygen/48/Actions-mail-mark-task-icon.png" border="0" alt="ПРАВИЛА"/>
</a>
</li>
<li>
<a href="http://the-citadel.secretstories.org/f51-forum">
<img src="http://i1098.photobucket.com/albums/g380/leahdyre23/AscensionBook1Ascensionjpeg-1.jpg" border="0" alt="Възнесение"/>
</a>
</li>
<li>
<a href="http://the-citadel.secretstories.org/f35-forum">
<img src="http://i41.servimg.com/u/f41/13/91/36/12/png8a10.png" border="0" alt="Ревюта"/>
</a>
</li>
<li>
<a href="http://the-citadel.secretstories.org/f22-forum">
<img src="http://icons.iconarchive.com/icons/itzikgur/my-seven/48/Books-2-icon.png" border="0" alt="КНИГИ"/>
</a>
</li>
<li>
<a href="http://the-citadel.secretstories.org/c9-category">
<img src="http://icons.iconarchive.com/icons/john-freeborn/ipad/48/iPad-with-keyboard-icon.png" border="0" alt="Роул Плей"/>
</a>
</li>
</ul>
Any help would be nice with the CSS code for the hover.
