Помощник
|
таблица + наложить полоски |
deeeman_hb
|
Сообщение
#1
|
||
|
|
||
|
|||
locky-yotu |
12.8.2010, 19:38;
Ответить: locky-yotu
Сообщение
#2
|
|
|
|
|
deeeman_hb
|
Сообщение
#3
|
|
а можете подсказать как именно эти полоски наложить на табличку?
т е в конструкцию <table><tr> <td></td><td></td> </tr></table> нужно как то впихнуть див, но именно чтобы соответствовал определенным дням и был растянут. |
|
|
deeeman_hb
|
Сообщение
#4
|
|
НАШЕЛ РЕШЕНИЕ:
вот примерно то что требовалось.. но непонятно, будет ли оно работать при разных разрешениях экрана и разных размерах окна браузера... и как можно вычислять позиции ячеек таблицы? чтобы зависеть именно от расположения ячеек таблицы и уже от туда отображать дивы. КОД: <table style="width:30%; height:30%;" border='1pt'> <div style="position: absolute; width: 20%; height: 20; top: 5%; background: #FE76AF">Ссылка 1</div> <div style="position: absolute; width: 100%; height: 20; top: 8%; background: #00FF00">Ссылка 2</div> <div style="position: absolute; width: 35%; height: 20; top: 11%; left: 50; background: #F0FF00">Ссылка 3</div> <div style="position: absolute; width: 35%; height: 20; top: 26%; background: #00FF00">Ссылка 2</div> <tr><td>ПН</td><td>ВТ</td><td>СР</td><td>ЧТ</td></tr> <tr><td width='100pt' height='150pt'></td><td width='100pt' height='150pt'> </td><td width='100pt' height='150pt'></td><td width='100pt' height='150pt'></td></tr> <tr><td>ПТ</td><td>СБ</td><td>ВС</td><td>ПН</td></tr> <tr><td width='100pt' height='150pt'></td><td width='100pt' height='150pt'> </td><td width='100pt' height='150pt'></td><td width='100pt' height='150pt'></td></tr> </table> |
|
|
Licoric |
12.8.2010, 22:45;
Ответить: Licoric
Сообщение
#5
|
|
Я бы юзал строки таблиц. Объединяя <td> между собой. Все зависит от перспективы использования.
|
|
|
pavelsc |
13.8.2010, 4:53;
Ответить: pavelsc
Сообщение
#6
|
|
deeeman, перезалей картинку, лучше на radikal.ru, а то походу твою ссылку удалили уже. А из того что понял я бы делал так: в одном слое родителе календарь с ячейками фиксированной ширины. А потом слои-"полоски" с абсолютным позиционированием и необходимой длины чтоб перекрыть нужное число ячеек.
|
|
|
deeeman_hb
|
Сообщение
#7
|
|
|
в общем я поступил так:
создал контейнер див со свойством: position:relative и в него уже положил нужную полоску со свойством: position:absolute (код ниже) полоска теперь находиться относительно ячейки, это хорошо. НО, теперь возникают вопросы: 1. Почему отступ полоски начинается с центра ячейки? как исправить? чтобы откладывались с верха ячеек. 2. в ie нормально, а вот в мазилле откудато появился бордер у дива, который вставлен в ячейку. как его убрать? 3. правильно ли я думаю что если в свойстве указано width:200 то это значит 200 пикселей, а не пунктов? и что лучше пункты или пиксели? 4. как сделать чтобы длина полоски зависела от длины таблицы? т е у меня таблица занимает 30% по длине, а полоски я регулирую пикселями, но тогда есть вероятность что я могу задать большую длину чем сама таблица. Если ставить в процентах, то 100% это длина ячейки, а надо больше... 5. будут ли еще косяки в этом коде? в разных разрешениях и размерах браузера? стоит ли использовать table и div вместе? КОД: <table style="width:30%; height:30%;" border='1'> <tr><td>ПН</td><td>ВТ</td><td>СР</td><td>ЧТ</td></tr> <tr> <td width='100' height='150'> <div style='position:relative;'> <div style="position: absolute; width:200; height: 20;left:0px; top:0px;background: #FE76AF">Ссылка 1</div> <div style="position: absolute; width:500; height: 20;left:0px; top:21px;background: #FE76AF">Ссылка 2</div> </div> </td> <td width='100' height='150'></td><td width='100' height='150'></td><td width='100' height='150'></td> </tr> <tr><td>ПТ</td><td>СБ</td><td>ВС</td><td>ПН</td></tr> <tr> <td width='100' height='150'></td><td width='100' height='150'> </td><td width='100' height='150'></td><td width='100' height='150'></td> </tr> </table> [IMG]http://f5.ifotki.info/org/36ac32b7e19088c853b3667f2e022a9f52c85f64344582.jpg[/IMG] [IMG]http://ifotki.info/5/36ac32b7e19088c853b3667f2e022a9f52c85f64344582.jpg.html[/IMG]
|
|
|
||
|
Похожие темы
Тема | Ответов | Автор | Просмотров | Последний ответ | |
---|---|---|---|---|---|
Как убрать полоски с картинками “PushDown” | 4 | mstdmstd | 5749 | 8.10.2018, 17:31 автор: -Сабж- |
|
Нужно наложить эффекты на логотип (немного анимировать) | 4 | danny_i | 2081 | 9.4.2014, 9:16 автор: jansen |
|
непослушная таблица ((( | 1 | alex577 | 2859 | 9.2.2013, 2:40 автор: -Eraser_str- |
|
Таблица растягивается в Chrome , Opera в FireFox все хорошо , помогите. | 0 | Hammer2900 | 6243 | 3.2.2013, 22:01 автор: -Hammer2900- |
|
Таблица распределения игроков. | 5 | mafao | 4612 | 19.11.2012, 22:49 автор: -Arks- |
Текстовая версия | Сейчас: 24.4.2024, 0:15 |