как правильно в таблице прописать стили

sotex2

Постоялец
Регистрация
9 Июн 2014
Сообщения
75
Решения
1
Реакции
1
подскажите, как правильно в таблице прописать стили.

как в таблице слово "Сайт", сделать в рамке и эта рамка была залита например зеленым цветом (типа кнопки)

<table>
<tbody>
<tr>
<td>Версия: </td>
<td><а Для просмотра ссылки Войди или Зарегистрируйся
</tr>
</tbody>
</table>
clear.gif
Для просмотра ссылки Войди или Зарегистрируйся Для просмотра ссылки Войди или Зарегистрируйся Для просмотра ссылки Войди или Зарегистрируйся
 
Что-нибудь вроде этого - Для просмотра ссылки Войди или Зарегистрируйся
И sotex2, у тебя ссылка в теге a прописана не правильно.
 
Последнее редактирование:
  • Заблокирован
  • #3
<table>
<tbody>
<tr>
<td>Версия: </td>
<td><а style="display: block; padding: 5px 10px; border: 2px green;" href="httр://sait.ru">Сайт</а></td>
</tr>
</tbody>
</table>
 
<table>
<tbody>
<tr>
<td>Версия: </td>
<td><а style="display: block; padding: 5px 10px; border: 2px green;" href="httр://sait.ru">Сайт</а></td>
</tr>
</tbody>
</table>
ваш пример скорее с зеленой рамкой, с заливкой будет скорее
Код:
<а style="display: block; padding: 5px 10px; background: green; color: #fff;" href="httр://sait.ru">Сайт</а>
 
ваш пример скорее с зеленой рамкой, с заливкой будет скорее
Код:
<а style="display: block; padding: 5px 10px; background: green; color: #fff;" href="httр://sait.ru">Сайт</а>

ТС задал конкретно вопрос про рамку, ему и написали код с рамкой зеленого цвета
хотя ТС задал двоякий вопрос "сделать в рамке и эта рамка была залита"
тут и выходит 2 варианта - либо просто рамка зеленая, либо фон зеленый (хотя можно и рамку сюда сделать и фон одновременно)
просто ТС поставил задачу без конкретики
 
Выносите стили! Пишем класс у a, например
Код:
<a href="#" class="link-table"
.link-table {....}
 
Доброго, можно присвоить класс например bottom
Код:
a .bottom{
   position: relative;
  display: inline-block;
  font-size: 24px;
  font-weight: bold;
  color: hsl(88, 70%, 30%);
  text-shadow: rgba(255,255,255,.5) 0 -1px 0, rgba(0,0,0,.2) 0 .18em .15em;
  text-decoration: none;
  user-select: none;
  margin: .5em;
  padding: .5em .6em .4em .6em;
  border-radius: 8px;
  border-top: 1px solid rgba(255,255,255,.1);
  border-bottom: 1px solid rgba(0,0,0,.1);
  outline: none;
  background: #a2cf70 radial-gradient(rgba(255,255,255,0), rgba(255,255,255,.5));
  box-shadow:
   inset rgba(255,255,255,.6) 0 .3em .3em,
   inset rgba(0,0,0,.2) 0 -.1em .3em,
   rgb(128,161,103) 0 7px 1px,
   rgba(0,0,0,.2) 0 .5em 5px;
  transition: background .2s ease-in-out;
}
 
Доброго, можно присвоить класс например bottom
Код:
a .bottom{
   position: relative;
  display: inline-block;
  font-size: 24px;
  font-weight: bold;
  color: hsl(88, 70%, 30%);
  text-shadow: rgba(255,255,255,.5) 0 -1px 0, rgba(0,0,0,.2) 0 .18em .15em;
  text-decoration: none;
  user-select: none;
  margin: .5em;
  padding: .5em .6em .4em .6em;
  border-radius: 8px;
  border-top: 1px solid rgba(255,255,255,.1);
  border-bottom: 1px solid rgba(0,0,0,.1);
  outline: none;
  background: #a2cf70 radial-gradient(rgba(255,255,255,0), rgba(255,255,255,.5));
  box-shadow:
   inset rgba(255,255,255,.6) 0 .3em .3em,
   inset rgba(0,0,0,.2) 0 -.1em .3em,
   rgb(128,161,103) 0 7px 1px,
   rgba(0,0,0,.2) 0 .5em 5px;
  transition: background .2s ease-in-out;
}

написали лишь бы написать, в теге a нет никакого класса button, и даже нет других тегов для которых можно было бы задать этот класс.
и причем тут ваш градиент от белово к прозрачному? ТС явно просил зеленый.
 
Вообще, вопрос поставлен неточно, можно сделать рамку ячейке таблицы - Для просмотра ссылки Войди или Зарегистрируйся
Можно сделать рамку элементу a - Для просмотра ссылки Войди или Зарегистрируйся
Вообще, это элементарно, если перед этим открыть какой-нибудь справочник html и css.
 
td a {display:block; color:#fff; background:green; padding:15px 25px;}
 
Назад
Сверху