Расстояние между 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, время: 17:30. |