У меня вот такая проблема: картинка, которая внизу-обрезается. Это-часть контейнера.
ссылка: http://worldofeternalmagic.spybb.ru/ . Как это можно поправить?
код на форуме:
<!-- Должники -->
<div id="html-footer" class="section">
<div class="container">
<div class="spell">
<DIV jQuery1259073801391="4"><div class=splLink href="javscript://" jQuery1259073801391="2"><img src="http://s2.uploads.ru/Jt7nZ.png"></div>
<DIV style="DISPLAY: none; position: fixed ; bottom: 50px; right: 135px; width: 130px; height: 150; margin-right: 20px; background:#938B60;border-radius:8px;box-shadow:0px 0px 2px #ffffff; padding: 0 1em 1em 1em;" class=splCont jQuery1259073801391="5">текст
</DIV></DIV></div>
<style>
.spell { background: transparent; color:#transparent; width:106x; height:115px; text-align: center; right:0; z-index: 999; bottom: 1px; position: fixed}
</style>
<!--Спойлер - контейнер-->
<script type="text/javascript">
$(document).ready(function(){
$('.splLink').click(function(){
$(this).parent().children('div.splCont').toggle('normal');
return false;
});
});
</script>
первоначальный код:
<!-- Должники -->
<div id="html-footer" class="section">
<div class="container">
<div class="spell">
<DIV jQuery1259073801391="4"><div class=splLink href="javscript://" jQuery1259073801391="2"><img src="ССЫЛКА НА КАРТИНКУ"></div>
<DIV style="DISPLAY: none; position: fixed; bottom: 40px; right: 135px; width: 200px; height: auto; margin-right: 0px; background:#938B60;border-radius:8px;box-shadow:0px 0px 2px #ffffff; padding: 0 1em 1em 1em;" class=splCont jQuery1259073801391="5">текст
</DIV></DIV></div>
<style>
.spell { background: transparent; color:#transparent; width:106x; height:115px; text-align: center; right:0; z-index: 999; bottom: 1px; position: fixed}
</style>
<!--Спойлер - контейнер-->
<script type="text/javascript">
$(document).ready(function(){
$('.splLink').click(function(){
$(this).parent().children('div.splCont').toggle('normal');
return false;
});
});
</script>