Снова здравствуйте.
Я пытаюсь выложить на форуме столь популярную панель с выпадающими менюшками.
Вот скрипт:
х-тмл верх
Код:
<style>
div .splLink {width: 100px; height: 85px; border: none; background: none; text-align: center; font-family: Century Gothic; font-size: 15px; padding: 5px;}
.spll {width:100px; height: 85px; }
.spll div .splCont {height: auto; width: 135px; background: #699de0; padding: 5px; z-index: 0; margin-top: 5px; border: none; font-family: Century Gothic; text-align: center;}
</style>
<div class="spll">
<DIV jQuery1259073801391="4"><div class=splLink href="javscript://" jQuery1259073801391="2"><img src="http://xmages.net/storage/10/1/0/0/9/upload/8410f656.png"></div>
<DIV style="DISPLAY: none; position: absolute;" class=splCont jQuery1259073801391="5">
Ваш текст</DIV></DIV>
</div><div class="spll">
<DIV jQuery1259073801391="4"><div class=splLink href="javscript://" jQuery1259073801391="2"><img src="http://xmages.net/storage/10/1/0/0/9/upload/b3e795bb.png"></div>
<DIV style="DISPLAY: none; position: absolute;" class=splCont jQuery1259073801391="5">
Ваш текст</DIV></DIV>
</div><div class="spll">
<DIV jQuery1259073801391="4"><div class=splLink href="javscript://" jQuery1259073801391="2"><img src="http://xmages.net/storage/10/1/0/0/9/upload/d9d35231.png"></div>
<DIV style="DISPLAY: none; position: absolute;" class=splCont jQuery1259073801391="5">
Ваш текст</DIV></DIV>
</div><div class="spll">
<DIV jQuery1259073801391="4"><div class=splLink href="javscript://" jQuery1259073801391="2"><img src="http://xmages.net/storage/10/1/0/0/9/upload/efd08e74.png"></div>
<DIV style="DISPLAY: none; position: absolute;" class=splCont jQuery1259073801391="5">
Ваш текст</DIV></DIV>
</div><div class="spll">
<DIV jQuery1259073801391="4"><div class=splLink href="javscript://" jQuery1259073801391="2"><img src="http://xmages.net/storage/10/1/0/0/9/upload/e25c626f.png"></div>
<DIV style="DISPLAY: none; position: absolute;" class=splCont jQuery1259073801391="5">
Ваш текст</DIV></DIV>
</div><div class="spll">
<DIV jQuery1259073801391="4"><div class=splLink href="javscript://" jQuery1259073801391="2"><img src="http://xmages.net/storage/10/1/0/0/9/upload/868cf198.png"></div>
<DIV style="DISPLAY: none; position: absolute;" class=splCont jQuery1259073801391="5">
Ваш текст</DIV></DIV>
</div>х-тмл низ
Код:
<!--Спойлер - контейнер-->
<script type="text/javascript" src="http://ferodar.narod.ru/ajax/js/jquery.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$('.splLink').click(function(){
$(this).parent().children('div.splCont').toggle('normal');
return false;
});
});
</script>Однако, все картинки, которые я ставлю на менюшки стоят не плотно прилегая друг к другу (чего бы мне очень от них хотелось), а друг под другом.
http://schoolvampire.rusff.me/ - ссылка на форум
Попробуйте заменить свое первое окно на такое:
{Хотя на мой взгляд, маленький зазор придает и читабельность и пикантность