-
Posts
12 -
Joined
-
Last visited
About 9EVIL
- Birthday 03/25/1989
Information
-
Sex
Мужчина
-
From
Minsk
Contacts
-
Web site
http://www.itsway.net
9EVIL's Achievements
Explorer (1/14)
0
Reputation
-
Как тебе удалось открыть сайт в 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