Модераторы: Illuminaty
  

Поиск:

Ответ в темуСоздание новой темы Создание опроса
> Лишняя линия вокруг нижней границы таблицы. 
:(
    Опции темы
PsiMagistr
Дата 16.10.2017, 14:03 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Опытный
**


Профиль
Группа: Участник
Сообщений: 461
Регистрация: 31.12.2009

Репутация: нет
Всего: 1



Ребята, мне очень нужна ваша помощь.


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


--------------------
"Арфы нет? Возьмите бубен!

Ребята, будем жить!"

 (с) "В бой идут одни старики"

---

"ИЕ" - один из самых сумасшедших браузеров в нашей галактике.
PM MAIL   Вверх
Google
  Дата 18.10.2019, 20:02 (ссылка)  





  Вверх
  
Ответ в темуСоздание новой темы Создание опроса
0 Пользователей читают эту тему (0 Гостей и 0 Скрытых Пользователей)
0 Пользователей:
« Предыдущая тема | Вёрстка веб-сайтов | Следующая тема »


 




[ Время генерации скрипта: 0.0812 ]   [ Использовано запросов: 21 ]   [ GZIP включён ]


Реклама на сайте     Информационное спонсорство

 
По вопросам размещения рекламы пишите на vladimir(sobaka)vingrad.ru
Отказ от ответственности     Powered by Invision Power Board(R) 1.3 © 2003  IPS, Inc.