Расстояние между td и Chrome
Здравствуйте.
Столкнулся с проблемой, необходимо, чтобы несколько элементов <td> подряд были якобы одним целым, то есть, если, например, повесить cursor: pointer; на <td>, то на границах он не должен меняться на стрелку, так, собственно и есть во всех браузерах (даже IE), а вот в Google Chrome это не так, если медленно вести курсор от <td> к <td> он на некоторое время станет стрелкой на их границе. Пробовал разные комбинации всяких свойств отступов, ничего не помогло :help:
<!DOCTYPE HTML>
<html lang="ru-RU">
<head>
<meta charset="UTF-8">
<title></title>
<style type="text/css">
table, td, tr {
margin: 0;
padding: 0;
border-spacing: 0;
border: 0;
outline: 0;
}
td {
cursor: pointer;
}
</style>
</head>
<body>
<table>
<tr>
<td>ffff</td><td>fff2</td>
</tr>
</table>
</body>
</html>
Надеюсь, понятно, что просто поставить cursor: pointer; всей таблице - не решение, так как это я лишь для примера сказал, мне просто важно убрать этот отступ (или что это?) Спасибо. |
вешайте курсор на TR
|
<!DOCTYPE HTML>
<html lang="ru-RU">
<head>
<meta charset="UTF-8">
<title></title>
<style type="text/css">
table, td, tr {
margin: 0;
padding: 0;
border:0 solid red;
outline: 0;
}
table {
border-collapse:collapse!important;
border:1px solid red;
}
td {
height:12px;
width:12px;
cursor:pointer;
}
</style>
</head>
<body>
<table>
<tr>
<td>ffff</td><td>fff2</td>
</tr>
</table>
</body>
</html>
<!DOCTYPE HTML>
<html lang="ru-RU">
<head>
<meta charset="UTF-8">
<title></title>
<style type="text/css">
table, td, tr {
margin: 0;
padding: 0;
border:0 solid red;
outline: 0;
}
table {
border-collapse:collapse!important;
border:1px solid red;
}
td {
height:12px;
width:12px;
}
tr {
cursor:pointer;
}
</style>
</head>
<body>
<table>
<tr>
<td>ffff</td><td>fff2</td>
</tr>
</table>
</body>
</html>
Да, походу devote - Прав |
Цитата:
В обоих Ваших примерах мой Chrome все равно между <td> делает курсор обычным, с кликами, значит, тоже беда. |
madd1,
ну дык уберите промежутки между ячейками, и тогда не будет мышь попадать мимо. |
madd1
Воткните в ячейки <img c margin:-2px; - они будут перекрываться |
а может в хроме просто есть еще какое нить свойство.. которое меняет таблицу.. Вообще нужно экспериментировать
|
есть у вебкита такая хрень, но вроде тоже от них мало толку.
-webkit-border-horizontal-spacing -webkit-border-vertical-spacing |
Цитата:
|
madd1,
Цитата:
|
| Часовой пояс GMT +3, время: 20:57. |