таблица и изменение её
помогите пожалуйста осуществить одну вещицу, собтвенно задача заключается в:
в первом, нужно цвета разные, т.е.первая полоса(выделена) зеленая, потом тыкаешь на другую опцию, вторая полоса зеленая, и т.д., а вторая надо сделать таблицу чтобы она меняла границы....там ниже нарисованно http://narod.ru/disk/9443531000/skfB1D2.JPG.html ссылка на задание skfB1D2.JPG |
А помочь чем?
|
всем... знаю как кнопки сделать, но как сосбственно это всё в единое сделать...не могу...не представляю вообще как границы менять....помоги сделать плиз)
|
поможет кто?
|
Помочь могут, но писать за вас не будут. Что непонятно -- спрашивайте, ничего не понятно -- в раздел "Работа". За деньги кто-нибудь да напишет. Хотя может и так кто-нибудь напишет :)
|
хорошо, каким образом можно связать кнопки и нарисованную таблицу? чтобы, при нажатии одно кнопки первая вертикальная граница таблицы становилась другим цветом? по нажатию второй вторая..и т.д.
|
|
ха! а поконкретнее? как сделать именно одну вертикальную полоску таблицы другого цвета....??
|
сделать все содержащиеся в ней ячейки другого цвета
получить доступ к ячейке можно с помощью table_element.cells[i].rows[j] |
хм...не получается(( вот что есть...
<html> <head> <meta name="GENERATOR" content="Microsoft FrontPage 5.0"> <meta name="ProgId" content="FrontPage.Editor.Document"> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251"> <title>Новая страница 1</title> </head> <body> <p> </p> <p> </p> <p> </p> <p> <p> <select name="option123"> <option selected="selected">Choose option</option> <option value="1" onClick="table.style.border='dashed'">1</option> <option value="2" onClick="table.style.border='solid' ">2</option> <option value="3" onClick="table.style.border='dotted' ">3</option> </SELECT> <p> <select name="D1"> <option selected="selected">Choose option</option> <option value="1" onClick=" ; ">1</option> <option value="2" onClick=" ; ">2</option> <option value="3" onClick=" ; ">3</option> </SELECT> <table border="1" cellpadding="0" cellspacing="0" style="border-collapse: collapse; float: right; width: 650; height: 400" bordercolor="#111111" id="table"> <tr> <td width="201" style="border: 1px solid #000000; padding-left: 4; padding-right: 4; padding-top: 1; padding-bottom: 1; color:#FFFFFF"> </td> <td width="216" style="color: #FFFFFF"> </td> <td width="221" style="color: #FFFFFF"> </td> </tr> <tr> <td width="201" style="border: 1px solid #000000; padding-left: 4; padding-right: 4; padding-top: 1; padding-bottom: 1; color:#FFFFFF"> </td> <td width="216" style="color: #FFFFFF"> </td> <td width="221" style="color: #FFFFFF"> </td> </tr> <tr> <td width="201" style="border: 1px solid #000000; padding-left: 4; padding-right: 4; padding-top: 1; padding-bottom: 1; color:#FFFFFF"> </td> <td width="216" style="color: #FFFFFF"> </td> <td width="221" style="color: #FFFFFF"> </td> </tr> </table> </body> </html> надо на кнопку вывести изменение границы: 1. левая зеленая 2. втоорая вертикальная зеленая 3 - 3 . 4 - 4 |
Можно тегом "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, время: 22:18. |