Jump to content

volniy_strelok

Newbie
  • Posts

    3
  • Joined

  • Last visited

Everything posted by volniy_strelok

  1. Пробывал неполучилось этот див растянуть на всю ячейку по высоте а по ширене если текст в диве шире чем ячейка то вылезает за края
  2. Добрый день. Нужно сделать рамку ячейки с закругленными углами. Смог сделать только закругленные углы у внешних углов рамки а внутренние остались прямыми как показано на примере у красной рамки. Код <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>Таблица</title> <style type="text/css"> table { background:green; border-top-left-radius:10px; border-top-right-radius: 10px; border-spacing:2px; } td { padding:10px; background:#FFCC99; } td.tleft { border-top-left-radius:10px; border-top-right-radius: 10px; } td.tcenter { border-top-left-radius:10px; border-top-right-radius:10px; border-bottom-left-radius: 10px; border-bottom-right-radius:10px; } td.bcenter { border-style: solid; border: 10px solid red; border-top-left-radius:10px; border-top-right-radius:10px; border-bottom-left-radius: 10px; border-bottom-right-radius:10px; } </style> </head> <body> <table> <tr> <td class="tleft">Cell 1-1</td> <td class="tcenter">Cell 1-2</td> <td>Cell 1-3</td> </tr> <tr> <td>Cell 2-1</td> <td class="bcenter">Cell 2-2</td> <td>Cell 2-3</td> </tr> </table> </body> </html> В общем нужно нарисовать такую таблицу Может лучше использовать другой способ? Буду рад советам. Спасибо.
×
×
  • Create New...

Important Information

We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue. See more about our Guidelines and Privacy Policy