Выравнивание по вертикали ячейки

[gross]

Здравствуйте, как выровнять зеленый треугольник (фон) в правый верхний угол ячейки так, чтобы основной текст ячейки оставался по центру?

 

[rus]

или я слепой, или дальтоник... но где тут зеленый треугольник?

по теме, вам скорее всего нужно: http://htmlbook.ru/css/after и/или http://htmlbook.ru/css/before

[Z1gnet]

есть там треугольник))) вы наверное его задали на див, а вы задайте его на td

[Great Rash]

Здравствуйте, как выровнять зеленый треугольник (фон) в правый верхний угол ячейки так, чтобы основной текст ячейки оставался по центру?

Поставить его фоном ячейки, а не фоном дива. 

[gross]

 

Здравствуйте, как выровнять зеленый треугольник (фон) в правый верхний угол ячейки так, чтобы основной текст ячейки оставался по центру?

Поставить его фоном ячейки, а не фоном дива. 

 

Отлично!, треугольник встал в угол:

style="background: url(/images/icons/angle1.png) no-repeat right top;"

 

следующая задача:

 

надо чтоб при наведении на треугольник курсор становился pointer и была возможность обработать событие onclick

[Switch74]

ххх... а теперь убираем треугольник из backgrounda и делаем его в ссылке, которую нужно спозиционировать 

[Great Rash]

На событие mousemove ячейки вешаем обработчик, который отслеживает координаты курсора, как только курсор в координатах правого верхнего угла меняем курсор на указатель и позволяем кликнуть в ячейку. Чо-то типа того:

 

$('td').on('mousemove', function(e) {  var $$ = $(this),   pos = {};   pos.x = e.pageX - $$.offset().left;  pos.y = e.pageY - $$.offset().top;   if (pos.x > $$.innerWidth() - 10 && pos.y < 10) { // допустим уголок у нас 10х10    $$.data('canClick', true).css('cursor', 'pointer');  } else {    $$.data('canClick', false).css('cursor', 'default');  }}).on('click', function() {  var $$ = $(this);   if ($$.data('canClick')) {    // тут делаем нечто  }});

[gross]

 

На событие mousemove ячейки вешаем обработчик, который отслеживает координаты курсора, как только курсор в координатах правого верхнего угла меняем курсор на указатель и позволяем кликнуть в ячейку. Чо-то типа того:

$('td').on('mousemove', function(e) {  var $$ = $(this),   pos = {};   pos.x = e.pageX - $$.offset().left;  pos.y = e.pageY - $$.offset().top;   if (pos.x > $$.innerWidth() - 10 && pos.y < 10) { // допустим уголок у нас 10х10    $$.data('canClick', true).css('cursor', 'pointer');  } else {    $$.data('canClick', false).css('cursor', 'default');  }}).on('click', function() {  var $$ = $(this);   if ($$.data('canClick')) {    // тут делаем нечто  }});

Спасибо! То что нужно, работает просто волшебно!