Вадим

у меня не получается сделать растягивающиеся меню! у кого получилось?

О! Круто! Все очень интересно! Может про сайт поговорим? У кого Safari стоит - протестируйте plz!

В общем несколько траблов. 1. Сделали footer. Он не должен быть всегда к низу. Футер зависит от кол-ва текста. Но вот почему-то получается так, что внизу футера появляется линия странная и мешает нормальной заливки 2. Меню. Меню должно быть резиновым. 50% от ширины экрана. Как это сделать? 3. Footer должен идти повторяющейся волной. В общем сам сайт: http://psywalker.ru/SAITS/Lotos/main-page.html И макет сайта: www.w3u.ru/000.jpg p.s. линия под футером появляется только на больших экранах

Друзья! Вы должны знать! psywalker лучший!!!!

отправил. спасибо большое! простите, что такой нуб(

не понял Вот как должно быть: www.w3u.ru/z02.jpg А вот как у меня: www.w3u.ru/z01.jpg Если посмотреть внимательно, то все изображения имеют разную высоту. Моя задача чтобы текст был на одной линии. Т.е. был прибик вниз красного квадрата, а картника была прибита к тексту.

В общем делаю каталог продукции. Каждая позиция товара находится внутри div. Div имеет фиксированный размер 200x200px. Внутри DIV находится IMG. IMG имеет разный размер, но меньше 200px по высоте и ширене. Также внутри DIV есть P. В общем P нужно прибивать к низу DIV, а потом IMG прибивать к верху P. Но самое главное, все это добро должно быть по центру. <div id="content" class="catalog"> <div><img src="img/okolco.png" alt="" /><p>Обручальные кольца <span>180</span></p></div> <div><img src="img/pechatka.png" alt="" /><p>Печатки <span>78</span></p></div> <div><img src="img/kolco.png" alt="" /><p>Кольца <span>73</span></p></div> <div><img src="img/cergi.png" alt="" /><p>Серьги <span>150</span></p></div> <div><img src="img/podveski.png" alt="" /><p>Подвески <span>15</span></p></div> <div><img src="img/kolie.png" alt="" /><p>Колье <span>36</span></p></div> <div><img src="img/brasleti.png" alt="" /><p>Браслеты <span>52</span></p></div> <div><img src="img/brelki.png" alt="" /><p>Брелочки <span>65</span></p></div> </div> .catalog div { width: 200px; height: 200px; padding: 0; margin: 0; text-align: center; font-size: 14px; color: #6ba2ff; float: left; position: relative; } .catalog img { position: absolute; bottom: 15%; left: 50%; } .catalog p { position: absolute; bottom: 0%; left: 50%; } .catalog span { color: #223f98; } Если делать так, то почти получается, только left:50% криво работает, он берет начало IMG за точку отчета и получается, что в зависимости от ширины IMG картинка по разному центруется.

Вот сейчас тестирую и часто получается так, что футер остается на месте, а контент уходит вниз, когда страница длинная.

это ты так будешь рассказывать заказчику?

Попробуй использовать какие-то хаки, иначе твой метод хуже.

Странно получается... Если открыть http://psywalker.ru/Forum/shadow/Untitled-1.html в Opera 9.64, то есть глюк. Футер торчит ровно под конетнтом, когда нажмешь F5 футер прижимается вниз. У кого ещё также? Информация о версии Версия: 9.64 Сборка: 10487 Платформа: Win32 Система: Windows XP Версия Java: Sun Java Runtime Environment version 1.6 Модуль XHTML+Voice: Плагин не загружен Идентификация браузера: Opera/9.64 (Windows NT 5.1; U; ru) Presto/2.1.1

Использую extjs grid-plugins. Каждая строка (в примере первая таблица) имеет свойство раскрываться [+]. Внутри находится текст и изображения. Все данные (тект+изображения) хранятся в grid-plugins.js jQuery pretty photo использую для img. Из-за того, что img находится в js, prettyPhoto не может их считать и следовательно переменить эффект. Если img использовать в body, то все нормально работает. Как prettyPhoto заставить работать с изображениями из js?

дизайн-макет утвержадается заказчиком? да! а верстается сайт с чего? с дизайн-макета! вот, когда заказчик говорит, хочу вот так, то ты ему выставляешь доп.счет. и сразу необходимость изменить цвет пропадает. проверено, работает. и поверьте, заказов меньше не стало (это для тех, кто кудахтает на форуме)!

а не проще использовать плашиг jQuery menu? Вот несколько примеров: http://www.ajaxline.com/10-best-jquery-menu-plugins Все отлично работает и кроссбраузерно (!!!) имеется возможность работы с Array. Удачи, надесю поможет

вот нашел сайт: http://www.dmdd.info/ когда экран маленький, картинку видно не всю, когда экран большой картинку видно всю и весь сайт по центру. может ли кто мне подробно описать модель?

Спасибо тебе! Остальным тож спасибо, язвить умеют

Привет, друзья! Я сделал таблицу типа: <table> <tr> <td>название</td> <td>описание</td> <td>цена</td> </tr> <tr> <td>название</td> <td>описание</td> <td>цена</td> </tr> <tr> <td>название</td> <td>описание</td> <td>цена</td> </tr> </table> Задача. Нужно раскрывать строчку по высоте при нажатии на строчку. Внутри tr должен находиться div с текстом и img. При повторном нажатии строчка должна обратно сварачиваться. Как это сделать и будет ли это кроссбраузерно?

fnx

Привет! А как избавиться от cellpadding="0" cellspacing="0" ?

Спасибо! ты меня второй день подряд выручаешь! ))

Привет, друзья! Как можно избежать конструкцию типа <div class="clearer"></div> Мой код такой: ... <div id="header"></div> <div id="content"> <div class="left"></div> <div class="right"></div> <div class="clearer"></div> </div> <div id="footer"></div> ...

Чтобы небыло такой фегни, нужно задавать width и height для li. А я этого сделать не могу, так как размер плавающий. Что тут можно посоветовать?

Конечно ради прикола можно послать ie6, но есть такие админы, которые намереное не обновляют браузер в офисах, чтобы тупые коровы не спрашивали что это за кнопка и почему изменился дизайн

сейчас столкнулся с очередной проблеммой в ie6. ведь для png я не могу указать размер, т.к. он плавающий. поэтому эказывая png как background он слетает куда-то в ie6. Об этом все пишут, что нужно указаывать размер. А что делать, если я его не знаю? Или тупо забить на IE6? но по версии Яндекса таких дебилов с ie6 56%...

<div id="header"> <img src="img/logo.png" alt="" /> <ul> <li><a href="#" id="self"><span>Главная</span></a></li> <li><a href="#"><span>Программа</span></a></li> <li><a href="#"><span>Услуги</span></a></li> <li><a href="#"><span>Клиенты</span></a></li> <li><a href="#"><span>Контакты</span></a></li> </ul> </div> #header { position: relative; height: 622px; background:url(../img/mainimage.jpg) no-repeat 0 0; } #header img { width: 322px; height: 55px; margin: 67px 40px; } #header ul { list-style-type: none; padding: 0; margin: 0 auto -9px auto; text-align: center; float: left; color: #787878; position: absolute; bottom: 0%; left: 0%; } #header ul li { float: left; margin: 0; padding: 0; background:url(../img/li1.png) no-repeat 0 0; } #header ul li a { padding: 0px 10px 9px 10px; display: block; font-size: 12px; background:url(../img/li2.png) no-repeat 100% 0; } #header ul li a span { padding: 14px 10px 9px 10px; display: block; background:url(../img/li.png) repeat-x 0 0; } А так нормально? Можно ли это сделать лучше и без использования span?