Javascript.RU

Создать новую тему Ответ
 
Опции темы Искать в теме
  #11 (permalink)  
Старый 05.06.2009, 11:55
Аватар для Riim
Рассеянный профессор
Отправить личное сообщение для Riim Посмотреть профиль Найти все сообщения от Riim
 
Регистрация: 06.04.2009
Сообщений: 2,379

Можно тегом "col". Только я понять не могу: почему выравнивание (text-align) не работает? Атрибут "align" почему-то тоже не хочет.

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
	<title>blank</title>
</head>
<body>

<table border="1" style="width: 100%;">
<col span="2" />
<col style="background: #f99; text-align: center;" align="center" />
<tr><td>1</td><td>2</td><td style="text-align: center;"><img src="null.gif" width="10" height="10" alt="" /></td></tr>
<tr><td>1</td><td>2</td><td><img src="null.gif" width="10" height="10" alt="" /></td></tr>
<tr><td>1</td><td>2</td><td><img src="null.gif" width="10" height="10" alt="" /></td></tr>
<tr><td>1</td><td>2</td><td><img src="null.gif" width="10" height="10" alt="" /></td></tr>
</table>

</body>
</html>

Последний раз редактировалось Riim, 05.06.2009 в 12:25.
Ответить с цитированием
  #12 (permalink)  
Старый 05.06.2009, 11:59
Интересующийся
Отправить личное сообщение для Joker07 Посмотреть профиль Найти все сообщения от Joker07
 
Регистрация: 03.06.2009
Сообщений: 10

эм... я не знаю как применить это....собственно всего то изменять цвет с помощью кнопок....но, как блин вытащить из таблицы всего одну границу.... не знаю((
Ответить с цитированием
  #13 (permalink)  
Старый 05.06.2009, 12:04
Аватар для Riim
Рассеянный профессор
Отправить личное сообщение для Riim Посмотреть профиль Найти все сообщения от Riim
 
Регистрация: 06.04.2009
Сообщений: 2,379

А, так цвет border-а менять надо. Я думал цвет колонки.
Joker07, пройдись циклом по всем нужным td и допиши им нужный цвет border-а.
И все же подскажите кто-нибудь, как сделать выравнивание не дописывая text-align к каждому td.

Последний раз редактировалось Riim, 05.06.2009 в 12:09.
Ответить с цитированием
  #14 (permalink)  
Старый 05.06.2009, 12:07
Интересующийся
Отправить личное сообщение для Joker07 Посмотреть профиль Найти все сообщения от Joker07
 
Регистрация: 03.06.2009
Сообщений: 10

нет, в самом начале я оставил задание, http://93.80.117.49:8080/skfB1D2.JPG , так вот, 1 опция - изменяет 1ю границу таблицы(в примере это выделенно жирным, ну и собственно следущие 3 опции в том же духе...
Ответить с цитированием
  #15 (permalink)  
Старый 05.06.2009, 12:56
Отправить личное сообщение для Octane Посмотреть профиль Найти все сообщения от Octane  
Регистрация: 10.07.2008
Сообщений: 3,873

Сообщение от Riim Посмотреть сообщение
И все же подскажите кто-нибудь, как сделать выравнивание не дописывая text-align к каждому td.
Если не брать во внимание IE6, то можно до нужной ячейки добраться как-то так:
tr > td + td + … + td {
   text-align: center;
}

В CSS3 еще проще:
tr > td:nth-child(n) {
   text-align: right;
}
Ответить с цитированием
  #16 (permalink)  
Старый 05.06.2009, 13:04
Аватар для Riim
Рассеянный профессор
Отправить личное сообщение для Riim Посмотреть профиль Найти все сообщения от Riim
 
Регистрация: 06.04.2009
Сообщений: 2,379

Сообщение от Octane
tr > td + td + … + td {
text-align: center;
}
Охтыепт, заработало! Спасибо!
Ответить с цитированием
  #17 (permalink)  
Старый 05.06.2009, 13:08
Интересующийся
Отправить личное сообщение для Joker07 Посмотреть профиль Найти все сообщения от Joker07
 
Регистрация: 03.06.2009
Сообщений: 10

эм...мне подскет кто нить??
Ответить с цитированием
  #18 (permalink)  
Старый 05.06.2009, 13:13
Отправить личное сообщение для Octane Посмотреть профиль Найти все сообщения от Octane  
Регистрация: 10.07.2008
Сообщений: 3,873

Сообщение от Riim Посмотреть сообщение
Охтыепт, заработало! Спасибо!
А для IE6, кстати, срабатывает через стили для <col />
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
<style type="text/css">
table {
width: 100%;
}
td {
border: 1px solid #f00;
}
col.col-1 {
text-align: right;
}
col.col-2 {
text-align: center;
}
col.col-3 {
text-align: left;
}
</style>
</head>
<body>
	<table>
		<colgroup>
			<col class="col-1" />
			<col class="col-2" />
			<col class="col-3" />
		</colgroup>
		<thead>
			<tr>
				<th>…</th>
				<th>…</th>
				<th>…</th>				
			</tr>
		</thead>
		<tbody>
			<tr>
				<td>text</td>
				<td>text</td>
				<td>text</td>
			</tr>
			<tr>
				<td>text</td>
				<td>text</td>
				<td>text</td>
			</tr>
		</tbody>
	</table>
</body>
</html>
Ответить с цитированием
  #19 (permalink)  
Старый 05.06.2009, 13:18
Аватар для Riim
Рассеянный профессор
Отправить личное сообщение для Riim Посмотреть профиль Найти все сообщения от Riim
 
Регистрация: 06.04.2009
Сообщений: 2,379

Сообщение от Joker07
эм...мне подскет кто нить??
А подсказки выше чем не устраивают?
Ответить с цитированием
  #20 (permalink)  
Старый 05.06.2009, 13:23
Интересующийся
Отправить личное сообщение для Joker07 Посмотреть профиль Найти все сообщения от Joker07
 
Регистрация: 03.06.2009
Сообщений: 10

я хз как их применить)
Ответить с цитированием
Ответ



Опции темы Искать в теме
Искать в теме:

Расширенный поиск


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Динамически раскрываемая таблица dm1tr1y Общие вопросы Javascript 11 25.04.2009 15:50
Изменение цвета ячейки (динамическая таблица) не по событию ImSWORDMASTER Элементы интерфейса 3 12.03.2009 21:21
изменение переменной Ilja_ORDY Общие вопросы Javascript 3 09.09.2008 18:56
Динамическое изменение <input text> baal1988 Events/DOM/Window 4 24.08.2008 17:17
Динамическое изменение границ между столбцами таблицы srgg Элементы интерфейса 3 10.08.2008 14:40