Форум: Форум PHPФорум ApacheФорум Регулярные ВыраженияФорум MySQLHTML+CSS+JavaScriptФорум FlashРазное
Новые темы: 0000000
Объектно-ориентированное программирование на PHP. Авторы: Кузнецов М.В., Симдянов И.В. PHP 5/6. В подлиннике. Авторы: Кузнецов М.В., Симдянов И.В. C++. Мастер-класс в задачах и примерах. Авторы: Кузнецов М.В., Симдянов И.В. Социальная инженерия и социальные хакеры. Авторы: Кузнецов М.В., Симдянов И.В. PHP на примерах (2 издание). Авторы: Кузнецов М.В., Симдянов И.В.
ВСЕ НАШИ КНИГИ
Консультационный центр SoftTime

HTML+CSS+JavaScript

Выбрать другой форум

 

Здравствуйте, Посетитель!

вид форума:
Линейный форум Структурный форум

тема: CSS белые блоки на сером фоне
 
 автор: Лена   (25.07.2008 в 15:16)   письмо автору
 
 

http://www.smi.ru/
Подскажите, пожалуйста вот такое.
На этом примере у всей таблицы фон - серый, а что учитывается, чтобы белые блоки отделялись один от другого? Какое свойство CSS? Margin?

  Ответить  
 
 автор: Roma   (25.07.2008 в 15:37)   письмо автору
 
   для: Лена   (25.07.2008 в 15:16)
 

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title></title>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251">
<style>
table,td { 
 border: 4px solid #dddddd;padding:2px;}
</style>
</head>

<body>
<table width="300" border="0" cellpadding="0" cellspacing="0">
  <tr>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
  </tr>
  <tr>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
  </tr>
  <tr>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
  </tr>
</table>
</body>
</html>

  Ответить  
 
 автор: GeorgeIV   (25.07.2008 в 15:38)   письмо автору
 
   для: Лена   (25.07.2008 в 15:16)
 

cellspacing
margin - это внешние отступы, padding - внутренние, cellspacing - между ячейками
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" 
"http://www.w3.org/TR/html4/loose.dtd"> 
<html> 
<head> 
<title></title> 
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251"> 
<style> 
table{  
 background-color: #dddddd; 
 }
 td {
 background-color: #ffffff; 
 }
</style> 
</head> 

<body> 
<table width="300" border="0" cellpadding="0" cellspacing="4px"> 
  <tr> 
    <td>&nbsp;</td> 
    <td>&nbsp;</td> 
  </tr> 
  <tr> 
    <td>&nbsp;</td> 
    <td>&nbsp;</td> 
  </tr> 
  <tr> 
    <td>&nbsp;</td> 
    <td>&nbsp;</td> 
  </tr> 
</table> 
</body> 
</html> 

  Ответить  
 
 автор: Лена   (25.07.2008 в 16:43)   письмо автору
 
   для: GeorgeIV   (25.07.2008 в 15:38)
 

То, что нужно. Спасибо.

  Ответить  
Rambler's Top100
вверх

Rambler's Top100 Яндекс.Метрика Яндекс цитирования