Перейти к содержимому

Реферальная программа Мегаплана

Партнерская программа Kredov

Как сделать, что бы HTML таблица отбрасывала тень.

#1 Napoleon-007

Napoleon-007
  • Пользователь
  • 329 сообщений
  • Репутация: 5
0

Отправлено 22 Июнь 2014 - 19:40

Всем Доброго Дня ! У меня сайт сделан на таблицах, и я хотел бы что бы они отбрасывали тень, дабы бы сайт выделялся на общем фоне . Т.е тени по бокам , с лева и с право . Я думаю понятно...  Буду благодарен за помощь. Всем Спаибо !


 

 

  • 0

#2 Ixman

Ixman
  • Пользователь PRO
  • 2 165 сообщений
  • Репутация: 436

Отправлено 22 Июнь 2014 - 20:03

Napoleon-007, свойство box-shadow в помощь


Сообщение отредактировал Ixman: 22 Июнь 2014 - 20:03

  • 0

#3 Napoleon-007

Napoleon-007
    Topic Starter
  • Пользователь
  • 329 сообщений
  • Репутация: 5

Отправлено 22 Июнь 2014 - 20:46

Спасибо, попробую !


  • 0

#4 Napoleon-007

Napoleon-007
    Topic Starter
  • Пользователь
  • 329 сообщений
  • Репутация: 5

Отправлено 29 Июнь 2014 - 10:14

Napoleon-007, свойство box-shadow в помощь

Что то не получается у меня с этим тегом. И пример на сайте ..ну там таблица, но другая. Вот мой пример

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>Документ без названия</title>
</head>


<body>
<div align="center">
  <table width="351" height="208" border="1">
    <tr>
      <td align="center" valign="middle">&nbsp;</td>
    </tr>
  </table>
</div>
</body>
</html>
Как сделать, что бы такая таблица отбрасывала тень ? Буду очень благодарен ! И еще я только заметил, что Дрим вивер когда создает страницы, в HTML вписывает какую то ссылку /.. все на английском  с ним не очень... )) http://www.w3.org

  • 0

#5 Igor_Petrenko

Igor_Petrenko
  • Пользователь
  • 226 сообщений
  • Репутация: 35

Отправлено 29 Июнь 2014 - 11:53

Попробуйте вот такой код:

<!DOCTYPE HTML>
<html>
<head>
<title>Документ без названия</title>
</head>
 <style>
.shadow {
    box-shadow: 0 0 10px rgba(0,0,0,0.5);
    padding: 10px;
   }
</style>
<body>
<div align="center">
  <table class='shadow' width="351" height="208" border="1">
    <tr>
      <td align="center" valign="middle">Какой-то текст</td>
    </tr>
  </table>
</div>
</body>
</html>

  • 0

#6 Ixman

Ixman
  • Пользователь PRO
  • 2 165 сообщений
  • Репутация: 436

Отправлено 29 Июнь 2014 - 12:02

Ну в принципе пробуйте вариант, что постом выше


  • 0

#7 Napoleon-007

Napoleon-007
    Topic Starter
  • Пользователь
  • 329 сообщений
  • Репутация: 5

Отправлено 29 Июнь 2014 - 20:51

Спасибо дружище ! То, что нужно !


  • 0

#8 Igor_Petrenko

Igor_Petrenko
  • Пользователь
  • 226 сообщений
  • Репутация: 35

Отправлено 01 Июль 2014 - 11:41

Нет за что, удачи)


  • 0

robot

robot
  • Пользователь PRO
  • 2 652 сообщений
  • Репутация: 85


Оформление форума – IPBSkins.ru