Перейти к публикации

Рекомендованные сообщения

Здравствуйте. Столкнулся с проблемой переноса параметров во внешний файл.

Как можно в CSS прописать выравнивание таблицы (align - ничего не делает) и отступ (padding - в IE не работает).

И как можно сделать, например, класс для таблиц (всех) и внести в него все общие параметры, а потом создавать дочерние классы и вписывать туда параметры характерные только данной табличке. Например: все таблицы длинной 100% и выравнивание по центру, а потом одна табличка с отступами по бокам, другая табличка с отступами вверх/низ, но и первая и вторая таблички длинной 100% и по центру... на самом деле параметров будет больше.

Большое спасибо, жду помощи. Сайт mobine.ru

Ссылка на сообщение
Поделиться на других сайтах

Как можно в CSS прописать выравнивание таблицы (align - ничего не делает) и отступ (padding - в IE не работает).

Кода многовато получилось, но должно хватить для понимания. В ИЕ работает. Или переформулируйте задачу более чётко.


<html>

<head>

  <title></title>

<style>

/* На все таблицы */

table {

  	border-collapse: collapse;

}

/* На все ячейки всех таблиц */

table td {

	text-align: left;

	vertical-align: top;

	padding-left: 5px;

	padding-top: 10px;

	padding-bottom: 10px;

	padding-right: 5px;

}

/* для таблицы с классом .bottomalign */

table.bottomalign {

	border: 1px solid red;

}

/* для всех ячеек таблицы с классом .bottomalign */

table.bottomalign td {

	vertical-align: bottom;

	height: 50px;

	padding: 0px;

}

/* для ячейки с классом .newcl таблицы с классом .bottomalign */

table.bottomalign td.newcl {

	vertical-align: middle;

	padding-left: 20px;

}

</style>

</head>

<body>

<table cellspacing="0" cellpadding="0" border="1" width="400">

 <tr>

  <td>1</td>

  <td>

  	<table cellspacing="0" cellpadding="0" border="1" width="100%" class="bottomalign">

  	 <tr>

  	  <td>text</td>

  	  <td class="newcl">newcl</td>

  	 </tr>

  	</table>

  </td>

 </tr>

</table>

</body>

</html>

Ссылка на сообщение
Поделиться на других сайтах

Присоединяйтесь к обсуждению

Вы можете опубликовать сообщение сейчас, а зарегистрироваться позже. Если у вас есть аккаунт, войдите в него для написания от своего имени.

Гость
Ответить в тему...

×   Вставлено в виде отформатированного текста.   Вставить в виде обычного текста

  Разрешено не более 75 эмодзи.

×   Ваша ссылка была автоматически встроена.   Отобразить как ссылку

×   Ваш предыдущий контент был восстановлен.   Очистить редактор

×   Вы не можете вставить изображения напрямую. Загрузите или вставьте изображения по ссылке.

×
×
  • Создать...