Помощник
|
Таблица+overflow |
Seemann
|
Сообщение
#1
|
||
|
|
||
|
|||
texno |
10.10.2011, 6:07;
Ответить: texno
Сообщение
#2
|
|
Интересно, надо подумать.
Каким образом скрин получен? может там готовое решение. |
|
|
texno |
10.10.2011, 9:43;
Ответить: texno
Сообщение
#3
|
|
По быстрому так получилось.
Правильно работает в осле и лисе, остальные растягивают криво, наверно скриптом придётся высоту ставить. Может кто придумает как без скрипта сделать. Теперь надо до ума доводить. <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html><head> <title>Хитрая таблица</title> <meta http-equiv="Content-Type" content="text/html; charset=Windows-1251"> <link rel="stylesheet" type="text/css" href="tab1.css"> <style type="text/css"><!-- #tabGl th, #twoTab td {width:100px; font-weight:normal;} #tabGl, #twoTab {table-layout:fixed;} #tabGl, #twoTab {width:100%;} .tab2 {width:100%; height:300px; overflow:auto;} --></style> </head> <body> <table border="1" cellpadding="0" cellspacing="0" id="tabGl"> <col><col span="2" style="width:9%;"> <tr><td>Ключевое слово </td><td>Частота </td><td>Цель </td><th>12 Августа </th><th>13 Августа </th><th>14 Августа </th><th>15 Августа </th><th>16 Августа </th><th>17 Августа </th><th>18 Августа </th></tr><tr><td>Вода </td><td>1 </td><td>100 </td><td colspan="7" rowspan="11"><!-- 1 лишний ровспан для прокрутки --> <div class="tab2"> <table border="0" cellpadding="0" cellspacing="0" id="twoTab"> <tr><td>1</td><td>2</td><td>3</td><td>4</td><td>5 </td><td>6</td><td>7</td><td>8</td><td>9</td><td>0 </td></tr><tr><td>1</td><td>2</td><td>3</td><td>4</td><td>5 </td><td>6</td><td>7</td><td>8</td><td>9</td><td>0 </td></tr><tr><td>1</td><td>2</td><td>3</td><td>4</td><td>5 </td><td>6</td><td>7</td><td>8</td><td>9</td><td>0 </td></tr><tr><td>1</td><td>2</td><td>3</td><td>4</td><td>5 </td><td>6</td><td>7</td><td>8</td><td>9</td><td>0 </td></tr><tr><td>1</td><td>2</td><td>3</td><td>4</td><td>5 </td><td>6</td><td>7</td><td>8</td><td>9</td><td>0 </td></tr><tr><td>1</td><td>2</td><td>3</td><td>4</td><td>5 </td><td>6</td><td>7</td><td>8</td><td>9</td><td>0 </td></tr><tr><td>1</td><td>2</td><td>3</td><td>4</td><td>5 </td><td>6</td><td>7</td><td>8</td><td>9</td><td>0 </td></tr><tr><td>1</td><td>2</td><td>3</td><td>4</td><td>5 </td><td>6</td><td>7</td><td>8</td><td>9</td><td>0 </td></tr><tr><td>1</td><td>2</td><td>3</td><td>4</td><td>5 </td><td>6</td><td>7</td><td>8</td><td>9</td><td>0 </td></tr><tr><td>1</td><td>2</td><td>3</td><td>4</td><td>5 </td><td>6</td><td>7</td><td>8</td><td>9</td><td>0 </td></tr><tr><td>1</td><td>2</td><td>3</td><td>4</td><td>5 </td><td>6</td><td>7</td><td>8</td><td>9</td><td>0 </td></tr><tr><td>1</td><td>2</td><td>3</td><td>4</td><td>5 </td><td>6</td><td>7</td><td>8</td><td>9</td><td>0 </td></tr><tr><td>1</td><td>2</td><td>3</td><td>4</td><td>5 </td><td>6</td><td>7</td><td>8</td><td>9</td><td>0 </td></tr><tr><td>1</td><td>2</td><td>3</td><td>4</td><td>5 </td><td>6</td><td>7</td><td>8</td><td>9</td><td>0 </td></tr><tr><td>1</td><td>2</td><td>3</td><td>4</td><td>5 </td><td>6</td><td>7</td><td>8</td><td>9</td><td>0 </td></tr><tr><td>1</td><td>2</td><td>3</td><td>4</td><td>5 </td><td>6</td><td>7</td><td>8</td><td>9</td><td>0 </td></tr></table> </div> </td></tr><tr><td>Вода </td><td>2 </td><td>100 </td></tr><tr><td>Вода </td><td>3 </td><td>100 </td></tr><tr><td>Вода </td><td>4 </td><td>100 </td></tr><tr><td>Вода </td><td>5 </td><td>100 </td></tr><tr><td>Вода </td><td>6 </td><td>100 </td></tr><tr><td>Вода </td><td>7 </td><td>100 </td></tr><tr><td>Вода </td><td>8 </td><td>100 </td></tr><tr><td>Вода </td><td>9 </td><td>100 </td></tr><tr><td>Вода </td><td>10 </td><td>100 </td></tr><tr><td> <!-- пустышка для прокрутки --> </td><td> </td><td> </td></tr></table> </body> </html> При ближайшем рассмотрении, похоже скрин "руками" слепили? |
|
|
Seemann
|
Сообщение
#4
|
|
|
Скрин это из PSD дизайнера. Спасибо за вариант решения!
Хотя я не уверен, что это подойдёт для мозга программиста, который будет эту таблицу генерировать :rolleyes:
|
|
|
||
|
Похожие темы
Тема | Ответов | Автор | Просмотров | Последний ответ | |
---|---|---|---|---|---|
непослушная таблица ((( | 1 | alex577 | 2859 | 9.2.2013, 2:40 автор: -Eraser_str- |
|
Таблица растягивается в Chrome , Opera в FireFox все хорошо , помогите. | 0 | Hammer2900 | 6243 | 3.2.2013, 22:01 автор: -Hammer2900- |
|
Таблица распределения игроков. | 5 | mafao | 4608 | 19.11.2012, 22:49 автор: -Arks- |
|
Таблица записи на прием. Как реализовать |
16 | gaaarfild | 6163 | 7.4.2011, 18:19 автор: gaaarfild |
|
Послать на печатать obejct(таблица),как? | 1 | MannishArt | 5802 | 31.3.2011, 13:57 автор: -Baron93- |
Текстовая версия | Сейчас: 19.4.2024, 1:01 |