9EVIL

Как тебе удалось открыть сайт в IE, у меня как IE Тестер так и обычный IE повисли нафиг (

Блок контента 950 пикселей, таблица 100%, но она выходит за пределы блока с шириной 950 пикселей и на его границе обрезается.

1) Да, именно так. 2) Нет, данных в ячейках нету. Вариант как по ссылке сохраняет ячейки квадратными, но обрезается, а не подстраивается под ширину блока контента.

Ну вот в стандартной длине 950пкс все окей, если увеличивать, то она тянется и вместе с тем ломается квадратность ячеек. Т.е. того, что я хочу, добиться нереально?

Здравствуйте! Такой вопрос нужно сделать таблицу, которая занимает 100% доступной ширины. Она имеет 31 стобец и 7 строк. Нужно, чтобы ячейки всегда были квадратные. Я задаю фиксированные ширину и высоту для ячейки и это прокатывает, но если увеличивать контейнер в котором раположена таблица, ячейки становятся прямоугольные, а должны всегда сохранять форму квадрата. Может кто-нибудь подскажет, как решить этот вопрос? Спасибо!

Есть таблица. Нужно сделать так, чтобы ячейки, имеющие ссылки, были сами ссылками. Юзал поиск, ничего толкового для прешения этой проблемы не нашел. Если задать ссылке высоту и ширину ячейки получается совсем не то, что нужно. И как сделать такую рамку вокруг шапки таблицы как на изображении. Спасибо за помощь. Код: <table class="calendar"> <thead> <tr> <th colspan="7">Календарь на Июль 2011</th> </tr> <tr> <td>пн</td> <td>вт</td> <td>ср</td> <td>чт</td> <td>пт</td> <td>сб</td> <td>вс</td> </tr> </thead> <tbody> <tr> <td class="lc"></td> <td></td> <td class="lc"></td> <td></td> <td class="lc">1</td> <td>2</td> <td class="lc">3</td> </tr> <tr> <td class="lc">4</td> <td>5</td> <td class="lc">6</td> <td>7</td> <td class="lc">8</td> <td>9</td> <td class="lc">10</td> </tr> <tr> <td class="lc">11</td> <td>12</td> <td class="lc">13</td> <td>14</td> <td class="lc"><a href="#" title="15">15</a></td> <td>16</td> <td class="lc">17</td> </tr> <tr> <td class="lc">18</td> <td><a href="#" title="19">19</a></td> <td class="lc">20</td> <td>21</td> <td class="lc">22</td> <td>23</td> <td class="lc">24</td> </tr> <tr> <td class="lc">25</td> <td>26</td> <td class="lc">27</td> <td>28</td> <td class="lc"><a href="#" title="29">29</a></td> <td>30</td> <td class="lc">31</td> </tr> </tbody> </table> /* ———————————————-- Стили Календаря ———————————————-- */ .calendar { width:560px; border-collapse: collapse; border: 1px solid #c0c589; margin: 5px 5px 5px 0; } .calendar thead th{ background:#9a2559; height:80px; font-size: 30px; color:white; } .calendar thead td{ background:#fbf6e3; border-bottom:1px solid #c0c589; height:40px; } .calendar thead td, th{ text-align:center; vertical-align:middle; font-weight:bold; } .calendar a{ display:block; } .calendar th, td{ width:80px; height:60px; font-weight:bold; } .calendar tbody td { border:1px solid #c0c589; text-align:right; width:108px; padding: 9px; vertical-align:top; } td.lc { background:#fbf6e3; } /* ———————————————-- //Конец стилей календаря ———————————————-- */

Спасибо! Хидден для контента и правда стоит. Теперь стоит решить вопрос, как это меню зафигачить не в этот блок.

Такой вопрос. Есть выпадающее меню. Оно может быть сколько угодно строк, т.к. в какойто момент оно дойдет до футера. Моя цель сделать так, чтобы это меню вызывало появление полосы прокрутки и находясь над футером уходило вниз. Сейчас же оно просто доходит до футера, скрывается под ним и не вызывает появление полосы прокрутки. Не знаю, думаю нет смысла выкладывать код, так как кто знает, тот поймет о чем речь. Спасибо!

Может кто еще сталкнется с такой проблемой, я ее всетаки решил, все кроссбраузерно и валидно: <div class="colproduct"> <ul> <li class="colprtext">Отображать товары по:</li> <li class="cpactive"><a><span>4</span></a></li> <li><a href="#" title="40">40</a></li> <li><a href="#" title="400">400</a></li> <li><a href="#" title="4000">4000</a></li> <li class="cpactive"><a><span>40000</span></a></li> <li><a href="#" title="все">все</a></li> </ul> </div> .colproduct { background:url('bgcol.gif') no-repeat; width:775px; height:35px; margin:15px 0; padding:1px; } li.cpactive { font-size:23px; } li.cpactive a { text-decoration:none; color:#000; display:block; float:left; background:url('spritecolbg.gif') 0px -23px no-repeat; padding:0px 0px 0px 6px; line-height:22px; } li.cpactive a span { display:block; line-height:20px; padding:0px 10px 1px 0px; background:url('spritecolbg.gif') 100% 0px no-repeat; } .colproduct ul { margin-top:3px; height:18px; } .colproduct ul li a { font-size:11px; } .colproduct ul li { display: inline; padding:3px 8px; float:left; } .colproduct ul li.colprtext { padding:0; font-size:11px; padding-top:7px; }

я бы с радостью забил бы, но в данном случае это важный момент и нужно сделать именно так. Спасибо! Буду смотреть!

Я бы с огромным удовольствием так сделал, но нужно именно изображениями. Бордер радиус не работает в ие 6 и 7 тем более он является невалидным. Пока даже в опере и фаерфоксе последних одинаково сделать не получилось, про ие вообще писать не хочется. (((

Всем привет. Такая проблема, вожусь уже дня 2, полностью вынесло мозг. Есть такое меню (на картинке максимальный результат, которого мне удалось достигнуть, и то только в опере и файерфоксе). нужно чтобы в активном классе фоновое изображение проклятое растягивалось или сжималось, т.е. как ту на карттинке оно хорошо отображалось как в ие6 и ие7 так и современных браузерах. вок код: <div class="colproduct"> <ul> <li class="colprtext">Отображать товары по:</li> <li class="cpactive"><b> </b><i><span> 4 </span></i><em> </em></li> <li><a href="#" title="40">40</a></li> <li><a href="#" title="400">400</a></li> <li><a href="#" title="4000">4000</a></li> <li class="cpactive"><b> </b><i><span> 40000 </span></i><em> </em></li> <li><a href="#" title="все">все</a></li> </ul> </div> .colproduct { background:url('bgcol.gif') no-repeat; width:775px; height:35px; margin:15px 0; padding:1px; } li.cpactive { font-size:23px; } li.cpactive b { background: url('bgleft.gif') no-repeat; font-size:19.5px; } li.cpactive em { background:url('bgright.gif') no-repeat; font-size:20px; } li.cpactive i { background:url('bgxerna.gif') repeat-x; font-size:20px; } li.cpactive span{ font-size:10px; } .colproduct ul { margin:1px 0 0 17px; height:18px; } .colproduct ul li a { font-size:11px; } .colproduct ul li { display: inline; padding:3px 8px; } .colproduct ul li.colprtext { padding:0; } li.colprtext { font-size:11px; } это жесть, я уже скоро убьюсь с этой штукой.bgxerna.gif