Не знала куда обратиться, поэтому решила писать сюда.
Вчерам заказала таблицу. вроде бы в шаблоне все устраивало.Но когда подставила картинку начались проблемы. Третие контейнеры уехали вниз.... (или вторые поползли наверх?) Короче вышла вот такая размозня. Помогите, пожалуйста.
HTML верх
Код:
<style>
div .splLink {width: 100px; height: 100px; border: 0px solid; background:; text-align: center; font-family: Comic Sans Ms; font-size: 15px; padding: 5px;}
.spll {width: 130px; height: 70px; }
.spll div .splCont {height: auto; width: 300px; background: url(http://bymas.ru/pics/load/!Fony/!Oranzhevye_fony/288472273.gif); padding: 5px; z-index: 1000; margin-top: 0px; border: 0px solid #FFD700; font-size: 12px; font-family: Microsoft Sans Serif; text-align: center;}
</style>HTML низ
Код:
<!--Спойлер - контейнер-->
<script type="text/javascript" src="http://szenprogs.ru/scripts/jquery-1.3.2.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$('.splLink').click(function(){
$(this).parent().children('div.splCont').toggle('normal');
return false;
});
});
</script>Код таблицы
Код:
<center><table style="width: 100 %;"> <tr><td ><div class="spll"> <DIV jQuery1259073801391="4"><div class=splLink href="javscript://" jQuery1259073801391="2"><img src="http://i022.radikal.ru/1106/66/39346bf80fd0.png"></a></div> <DIV style="DISPLAY: none; position: absolute;" class=splCont jQuery1259073801391="5"> Тут будет что-то</DIV></DIV> </div></td> <td rowspan="3" width="60%"><img src="http://i056.radikal.ru/1106/e3/f115eb885bf0.png"></td> <td><div class="spll"> <DIV jQuery1259073801391="4"><div class=splLink href="javscript://" jQuery1259073801391="2"><img src="АДРЕС КАРТИНКИ новости"></a></div> <DIV style="DISPLAY: none; position: absolute;" class=splCont jQuery1259073801391="5"> Тут будет что-то</DIV></DIV> </div></td></tr> <tr><td><div class="spll"> <DIV jQuery1259073801391="4"><div class=splLink href="javscript://" jQuery1259073801391="2"><img src="http://s45.radikal.ru/i107/1106/73/a74d83713771.png"></a></div> <DIV style="DISPLAY: none; position: absolute;" class=splCont jQuery1259073801391="5"> Тут будет что-то</DIV></DIV> </div></td> <td><div class="spll"> <DIV jQuery1259073801391="4"><div class=splLink href="javscript://" jQuery1259073801391="2"><img src="АДРЕС КАРТИНКИ события"></a></div> <DIV style="DISPLAY: none; position: absolute;" class=splCont jQuery1259073801391="5"> Тут будет что-то</DIV></DIV> </div></td></tr> <tr><td><div class="spll"> <DIV jQuery1259073801391="4"><div class=splLink href="javscript://" jQuery1259073801391="2"><img src="http://s55.radikal.ru/i149/1106/ab/469cf2852c52.png"></a></div> <DIV style="DISPLAY: none; position: absolute;" class=splCont jQuery1259073801391="5"> Тут будет что-то</DIV></DIV> </div></td> <td><div class="spll"> <DIV jQuery1259073801391="4"><div class=splLink href="javscript://" jQuery1259073801391="2"><img src="АДРЕС КАРТИНКИ ссылки"></a></div> <DIV style="DISPLAY: none; position: absolute;" class=splCont jQuery1259073801391="5"> Тут будет что-то</DIV></DIV> </div></td></tr> </table></center>
Теги: проблемы с таблицей,Вопросы от новичков
