Javascript-форум (https://javascript.ru/forum/)
-   (X)HTML/CSS (https://javascript.ru/forum/xhtml-html-css/)
-   -   Расстояние между td и Chrome (https://javascript.ru/forum/xhtml-html-css/30442-rasstoyanie-mezhdu-td-i-chrome.html)

madd1 04.08.2012 14:23

Расстояние между 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; всей таблице - не решение, так как это я лишь для примера сказал, мне просто важно убрать этот отступ (или что это?)

Спасибо.

devote 04.08.2012 14:32

вешайте курсор на TR

Deff 04.08.2012 14:35

<!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 - Прав

madd1 04.08.2012 14:37

Цитата:

Сообщение от devote (Сообщение 194528)
вешайте курсор на TR

:no: Я же подписал там, что это не решение, курсор тут просто как пример, ладно, объясню еще более подробно, внутри одного <tr> будет, пускай, 6 <td>, 3 из них один элемент, 3 - другой. Причем курсор тут совершенно не при чем, мне нужно, чтобы пользователь не мог кликнуть мимо (в это отверстие), так как событие клика уйдет совершенно не туда, куда надо мне, надеюсь понятно пояснил.

В обоих Ваших примерах мой Chrome все равно между <td> делает курсор обычным, с кликами, значит, тоже беда.

devote 04.08.2012 14:39

madd1,
ну дык уберите промежутки между ячейками, и тогда не будет мышь попадать мимо.

Deff 04.08.2012 14:40

madd1
Воткните в ячейки <img c margin:-2px; - они будут перекрываться

devote 04.08.2012 14:46

а может в хроме просто есть еще какое нить свойство.. которое меняет таблицу.. Вообще нужно экспериментировать

devote 04.08.2012 14:52

есть у вебкита такая хрень, но вроде тоже от них мало толку.
-webkit-border-horizontal-spacing
-webkit-border-vertical-spacing

madd1 04.08.2012 14:56

Цитата:

Сообщение от Deff (Сообщение 194533)
madd1
Воткните в ячейки <img c margin:-2px; - они будут перекрываться

Это да :) Не обязательно img, работает и с обычным блоком, я думал, может у Хрома действительно есть какие-то доп. свойства для этого, как писали выше, а то такие костыли не очень люблю.

Deff 04.08.2012 15:11

madd1,
Цитата:

Сообщение от madd1
а то такие костыли не очень люблю.

Гы - а ежели есть пустые ячейки то для старых ие - один фиг такое нужно прокручивать - там пустые ячейки частенько не кликаются


Часовой пояс GMT +3, время: 17:30.