Можно тегом "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> |
эм... я не знаю как применить это....собственно всего то изменять цвет с помощью кнопок....но, как блин вытащить из таблицы всего одну границу.... не знаю((
|
А, так цвет border-а менять надо. Я думал цвет колонки.
Joker07, пройдись циклом по всем нужным td и допиши им нужный цвет border-а. И все же подскажите кто-нибудь, как сделать выравнивание не дописывая text-align к каждому td. |
нет, в самом начале я оставил задание, http://93.80.117.49:8080/skfB1D2.JPG , так вот, 1 опция - изменяет 1ю границу таблицы(в примере это выделенно жирным, ну и собственно следущие 3 опции в том же духе...
|
Цитата:
tr > td + td + … + td {
text-align: center;
}
В CSS3 еще проще:
tr > td:nth-child(n) {
text-align: right;
}
|
Цитата:
|
эм...мне подскет кто нить??
|
Цитата:
<!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>
|
Цитата:
|
я хз как их применить)
|
| Часовой пояс GMT +3, время: 16:29. |