C # таблица CSS (редизайн CSS) - PullRequest
Новая
       13

C # таблица CSS (редизайн CSS)

0 голосов
/ 26 марта 2011

У меня есть эта проблема;В настоящее время я делаю некоторые изменения в веб-приложении, которое генерирует таблицы.По сути, мне нужно изменить способ представления таблицы, например добавить закругленные углы.

У меня есть 3 ячейки 

________________________
| cell 1 | cell 2 | cell 3 |
------------------

На данный момент я пытаюсь добавить фонизображение с использованием тега класса в ячейке 1 и ячейке 3. ячейка 1 исправна, единственная проблема связана с ячейкой 3 ... поскольку изображение застряло слева от тега.Я попытался сдвинуть его вправо с выравниванием текста, но, видимо, это неправильная команда.Мне было интересно, как я могу подтолкнуть изображение справа от ячейки 3. 

.table{position: relative; bacground:#ffffff; border:0px; border-collapse: collapse;}
.cell1, .cell3 {position:relative; height:40px; width:50; margin-bottom:-1}
.cell2 {width: 100px;}
.cell1{background: url(/imageleft.gif) no-repeat #ffffff;}
.cell2{background: url(/imageright.gif) no-repeat #ffffff; text-align: right;}

Любые мысли приветствуются!

Ответы [ 2 ]

1 голос
/ 26 марта 2011

Речь идет о фоновом изображении, верно? Тогда вы сможете использовать свойство фона фона .. как: 

.cell3 {background: url(/imageleft.gif) no-repeat #ffffff top right;}
0 голосов
/ 26 марта 2011

Самый простой способ - обернуть таблицу в DIV, а затем дать этому DIV закругленные углы.

HTML: 

<div class="table_wrapper">

    <table>...</table>

</div>

CSS: (красный фон для отображения эффекта) 

.table_wrapper { background:red; border-radius:10px; -moz-border-radius:10px; -webkit-border-radius:10px; padding:10px; }
.table_wrapper table { width:100%; }
...