Все равно

а можете подсказать как именно эти полоски наложить на табличку?

т е в конструкцию

<table><tr>
<td></td><td></td>
</tr></table>

нужно как то впихнуть див, но именно чтобы соответствовал определенным дням и был растянут.

НАШЕЛ РЕШЕНИЕ:
вот примерно то что требовалось.. но непонятно, будет ли оно работать при разных разрешениях экрана и разных размерах окна браузера...

и как можно вычислять позиции ячеек таблицы? чтобы зависеть именно от расположения ячеек таблицы и уже от туда отображать дивы.

КОД:
<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>

Я бы юзал строки таблиц. Объединяя <td> между собой. Все зависит от перспективы использования.

deeeman, перезалей картинку, лучше на radikal.ru, а то походу твою ссылку удалили уже. А из того что понял я бы делал так: в одном слое родителе календарь с ячейками фиксированной ширины. А потом слои-"полоски" с абсолютным позиционированием и необходимой длины чтоб перекрыть нужное число ячеек.

в общем я поступил так:
создал контейнер див со свойством: 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]

Замечание модератора: Эта тема была закрыта автоматически ввиду отсутствия активности в ней на протяжении 100+ дней. Если Вы считаете ее актуальной и хотите оставить сообщение, то воспользуйтесь кнопкой или обратитесь к любому из модераторов.