04.08.2012, 14:23
|
|
Аспирант
|
|
Регистрация: 26.07.2012
Сообщений: 35
|
|
|
Расстояние между td и Chrome
Здравствуйте.
Столкнулся с проблемой, необходимо, чтобы несколько элементов <td> подряд были якобы одним целым, то есть, если, например, повесить cursor: pointer; на <td>, то на границах он не должен меняться на стрелку, так, собственно и есть во всех браузерах (даже IE), а вот в Google Chrome это не так, если медленно вести курсор от <td> к <td> он на некоторое время станет стрелкой на их границе. Пробовал разные комбинации всяких свойств отступов, ничего не помогло 
<!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; всей таблице - не решение, так как это я лишь для примера сказал, мне просто важно убрать этот отступ (или что это?)
Спасибо. |
|
04.08.2012, 14:32
|
|
что-то знаю
|
|
Регистрация: 24.05.2009
Сообщений: 5,176
|
|
|
вешайте курсор на TR
|
|
04.08.2012, 14:35
|
|
без статуса
|
|
Регистрация: 25.05.2012
Сообщений: 8,219
|
|
<!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 - Прав
Последний раз редактировалось Deff, 04.08.2012 в 14:37.
|
|
04.08.2012, 14:37
|
|
Аспирант
|
|
Регистрация: 26.07.2012
Сообщений: 35
|
|
Сообщение от devote
|
|
вешайте курсор на TR
|
 Я же подписал там, что это не решение, курсор тут просто как пример, ладно, объясню еще более подробно, внутри одного <tr> будет, пускай, 6 <td>, 3 из них один элемент, 3 - другой. Причем курсор тут совершенно не при чем, мне нужно, чтобы пользователь не мог кликнуть мимо (в это отверстие), так как событие клика уйдет совершенно не туда, куда надо мне, надеюсь понятно пояснил.
В обоих Ваших примерах мой Chrome все равно между <td> делает курсор обычным, с кликами, значит, тоже беда. |
|
04.08.2012, 14:39
|
|
что-то знаю
|
|
Регистрация: 24.05.2009
Сообщений: 5,176
|
|
|
madd1,
ну дык уберите промежутки между ячейками, и тогда не будет мышь попадать мимо.
|
|
04.08.2012, 14:40
|
|
без статуса
|
|
Регистрация: 25.05.2012
Сообщений: 8,219
|
|
madd1
Воткните в ячейки <img c margin:-2px; - они будут перекрываться
|
|
04.08.2012, 14:46
|
|
что-то знаю
|
|
Регистрация: 24.05.2009
Сообщений: 5,176
|
|
|
а может в хроме просто есть еще какое нить свойство.. которое меняет таблицу.. Вообще нужно экспериментировать
|
|
04.08.2012, 14:52
|
|
что-то знаю
|
|
Регистрация: 24.05.2009
Сообщений: 5,176
|
|
есть у вебкита такая хрень, но вроде тоже от них мало толку.
-webkit-border-horizontal-spacing
-webkit-border-vertical-spacing
|
|
04.08.2012, 14:56
|
|
Аспирант
|
|
Регистрация: 26.07.2012
Сообщений: 35
|
|
|
Сообщение от Deff
|
madd1
Воткните в ячейки <img c margin:-2px; - они будут перекрываться
|
Это да  Не обязательно img, работает и с обычным блоком, я думал, может у Хрома действительно есть какие-то доп. свойства для этого, как писали выше, а то такие костыли не очень люблю. |
|
04.08.2012, 15:11
|
|
без статуса
|
|
Регистрация: 25.05.2012
Сообщений: 8,219
|
|
madd1,
|
Сообщение от madd1
|
|
а то такие костыли не очень люблю.
|
Гы - а ежели есть пустые ячейки то для старых ие - один фиг такое нужно прокручивать - там пустые ячейки частенько не кликаются
|
|
|
|
