Ребята, мне очень нужна ваша помощь. HTML Код | <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>Title of the document</title> <link rel="stylesheet" href="css/style.css"> <script src="script/jq.js"></script> <script> $(document).ready(function(){ // alert('gfgfgfg'); $('button').click(function(){ var t = 'Волк применил способность: ' + $(this).text() + "\r\n"; $('textarea').append(t); }); }); </script>
</head>
<body> <h3>В левом углу ринга боксер Заяц.... )))</h3> <table> <tr><th colspan="4">Заяц vs Волк</th></tr> <tr> <td class="pers" colspan="2"><img src="images/heroes/volk.gif" alt="альтернативный текст"></td> <td class="center" rowspan="8"><textarea> </textarea></td> <td rowspan="8" class="mob"><img src="images/mobs/zayats.gif" alt="альтернативный текст"></td> </tr> <tr><td><button>Клац-атака</button></td><td>0</td></tr> <tr><td><button>Крутой коготь</button></td><td>0</td></tr> <tr><td><button>Бросок</button></td><td>0</td></tr> <tr><td><button>Клац-атака</button></td><td>0</td></tr> <tr><td><button>Клац-атака</button></td><td>0</td></tr> <tr><td><button>Клац-атака</button></td><td>0</td></tr> <tr><td><button>Клац-атака</button></td><td>0</td></tr> </table> </body>
</html>
|
CSS Код | body{ //background-color: yellow; }
h3{ text-align:center; }
table{ margin:0 auto; /*border:thin solid;*/ padding:0; border-collapse:separate; }
table tr td{ width:100px; padding:10px; border:thin solid; }
.center{ width:400px; background:#C0C0C0; // vertical-align:top;
} .mob{ padding:10px; width:150px; border:thin solid; vertical-align: top; border:thin solid; text-align:center; }
table tr th{ padding:10px; /* border:thin solid;*/ background:#C0C0C0; }
button{ width:150px; height:50px; }
.pers{ text-align:center; }
textarea{ width:400px; height:600px; padding:10px; }
|
Использованы картинки 100 на 100 px. Вопрос: откуда берется лишняя линия внизу таблицы и как от нее можно избавиться?Скрин с багом прилагается.
Присоединённый файл ( Кол-во скачиваний: 1 )
screen.jpg 131,08 Kb
--------------------
"Арфы нет? Возьмите бубен!
Ребята, будем жить!"
(с) "В бой идут одни старики"
---
"ИЕ" - один из самых сумасшедших браузеров в нашей галактике.
|