Как перенести данные в CSS

bruder · Отправлено: **11:46, 27-05-2008** | #2

вы уже написали inline-css, хотя не совсем правильно. Лучше вынести из в тег style в heder

Код:

<html>
 <head>  
	<style type="text/css">
	table{
		border-right: 1px black solid;
		border-left: 1px  black solid;
		border-bottom: 1px  black solid;
		background:#cfc;
		}
	</style>
 </head>
 <body>  
  <table cellpadding="0" cellspacing="0" border="0" width="99%" align="center">
  <tr>
	<td>gdf</td>
	<td>dfg</td>
  </tr>
  </table>  
 </body>
</html>

или создать отдельный css файл и там прописать стили, а потом в хедере вставить

<link rel="stylesheet" href="my.css">

alleclf · Конфигурация компьютера

А можно все перенести во внешний файл, что бы осталось только то что меняется:

HTML код:

<table border="0" width="99%">

Arrest · Отправлено: **19:42, 27-05-2008** | #4

HTML код:

<table cellpadding="0" cellspacing="0" border="0" width="99%" align="center">

=>

HTML код:

<html>
 <head>  
	<style type="text/css">
	table{
		border-right: 1px black solid;
		border-left: 1px  black solid;
		border-bottom: 1px  black solid;
		background:#cfc;
		padding: 0px;
		margin: 0px;
		text-align: center;
		border-collapse: collapse; /* возможно */
		}
	</style>
 </head>
 <body>  
  <table border="0" width="99%">
  <tr>
	<td>gdf</td>
	<td>dfg</td>
  </tr>
  </table>  
 </body>
</html>

Coutty · Конфигурация компьютера

alleclf, внешний файл (скажем, style.css) представляет собой просто перечисление стилей:

HTML код:

	table{
		border-right: 1px black solid;
		border-left: 1px  black solid;
		border-bottom: 1px  black solid;
		background:#cfc;
		padding: 0px;
		margin: 0px;
		text-align: center;
		border-collapse: collapse; /* возможно */
		}

и подключается так:

HTML код:

<html>
 <head>  
<link rel="stylesheet" type="text/css" href="style.css" />
 </head>
 <body>  
  <table border="0" width="99%">
  <tr>
	<td>gdf</td>
	<td>dfg</td>
  </tr>
  </table>  
 </body>
</html>

bruder · Отправлено: **19:52, 27-05-2008** | #6

не совсем верно, хотя я тоже думал перенести все в css. Дело в том что text-align: center; центрирует инлайн элементы внутри элемента, а align="center" центрирует саму таблицу внутри элемента.

Coutty · Конфигурация компьютера

Цитата bruder:

Дело в том что text-align: center; центрирует инлайн элементы внутри элемента, а align="center" центрирует саму таблицу внутри элемента. »

Можно мне тоже

?
Я для центрирования элементов обычно использую тэг <center>, хотя в пятом HTML от него отказались. Или же <div style="width:100%; text-align:center;">.
Насчёт align="center" уже и не припомню. Вроде бы года три назад, когда про CSS ещё ничего не знал, пользовался этим и вполне успешно. Или нет?)
Со временем простые методы забываются... Это даже видно по распространённости страниц весом под 200 КБ чистого html.

bruder · Отправлено: **20:48, 27-05-2008** | #8

Это я к тому что по идее нельзя центрировать таблицу в диве с text-align:center; Только "хитроумный" ie пытается всех удивить такой возможностью. FF и Opera правильно отображают такой пример

Код:

<html>
 <head>  
	<style type="text/css">
	table{		
		background:#cfc;
		/*margin: auto;*/
	}

		div{
			height: 100px;
			text-align: center;
			border: 1px solid black;
		}
	</style>
 </head>
 <body> <div> 
  <table cellpadding="0" cellspacing="0" border="0" width="30%">
  <tr>
	<td>gdf</td>
	<td>dfg</td>
  </tr>
  </table>  
 </body>
</html>

если например расскоментировать margin:auto то центрирование происходит, это один метод из многих