yopopt

Ещ? чуток красивой музыки: Pink Floyd - Hey You Moby - Love Should Gotan Project - Celos

Добрый день! Сразу радует крупный шрифт. Однако никак не оставляет ощущение неаккуратности работы... Ссылки слева стоит отодвинуть от края, у "напишите нам" слишком высоко находится конвертик, на странице "Просмотр заказа" отступ таблицы слева больше отступа справа, "ПОИСК ТОВАРА" и тп не надо писать прописными, "ИСКАТЬ"(лучше сделать кнопкой) сдвинута слишком далеко от поля ввода и тд. Огромный минус - это отсутствие заголовков. Такое чувство что сайт делался в большой спешке. Пытаясь скопировать ссылку "/shop/cart/view/" в другой браузер получил замечательный KeyError с кучей полезной информации о Вашем сервере. Надо сделать какую-нибудь заглушку. Нет возможности изменить и даже установить количество покупаемых лекарств. Вс? только по одной штуке. С ромашкой вышла промашка... P. S. Ура! Бабочка сидит на месте и никуда не летает. P. P. S. Вообще любая ошибка(включая 404) выда?т прихорошенькую страницу с кучей отладочной информации. Вот что написано в конце е?: . В интернет-магазине надо выключать debug...

В css вс? нормально за исключением бесполезных свойств. Много ошибок в html. В основном все ошибки из-за невнимательности. К примеру: <a href='href='#' target=_self' target=_self Ещ? я бы отметил излишнюю вложенность тегов. У Вас в той-же левой колонке пять вложенных дивов, а потом ещ? и таблица. Верстка с помощью блоков и css хороша тем, что код становится меньше и легче читаем. Может позже посмотрю полробней. Попробуйте ещ? z-index убрать. У Вас там их много прописано.

Похоже на самописную и, скорее всего так оно и есть.

С Рождеством всех!

Здравствуйте. Не могли бы Вы объяснить следующий код: А конкретнее, зачем прописаны display:inline и position:relative? У Вас же указан float. Вообще в коде огромное количество мусора и ошибок... Разобраться сложно. 1. В #leftcol вместо margin используйте top:-20px;. Будет нормально работать в ие. 2. Это происходит из-за блока со свойством clear:both. Clear применяется для всего документа. Попробуйте блокам с классами cbPosTabMain и cbPosTop прописать overflow:hidden;

Вместо & пишите &.

Здравствуйте ещ? раз. Хоть Вы и посите не говорить о коде, скажу несколько слов: обратите внимание на кодировку. У вас в коде <meta http-equiv="Content-Type" content="text/html; charset=windows-1251" /> , а текст на сайте представлен в UTF-8. Также много мелких ошибок в коде. Тут Вам поможет валидатор. Недоч?ты по дизайну: 1. Самая большой недоч?т - это ч?рный текст на грязно-синем фоне. Тест сливается с фоном. Такое можно нормально читать только с хорошим сглаживанием шрифтов. Например на маках или в браузере Safari. 2. Впечатление что ж?лтая менюшка справа притесняет текст. В фаерфоксе вообще наезжая на него. 3. В левой колонке "Новости" повторяется надпись "новости". И "подробнее..." лучше убрать, сделав заголовок ссылкой. 4. Слишком много ярких на фоне остального сайта графических элементов. Они отвлекают. Главное на сайте это информация. В данном случае это текст, а тут его найти и читать не удобно. Коротко: создавая сайт делайте акцент на тексте, а уже потом графика. К примеру как на Ваших работах "Кентавр" или "ЭКО-Сервис". В целом структура сайта логична и навигация не вызывает каких-либо трудностей.

Вы забыли добавить .mainbox свойство height.

Эх... Когда-то играли. Считаю второй квейк лучшим сетевым шутером. Правда я не играю уже года три.

Уберите ширину в ячейке с этим текстом.

Ramles, кто Вас научил так верстать? Чтобы исправить это нужно перевертать пол страницы, и, возможно, понадобятся некоторые перестановки в голове. Вы без нужды используете всюду position, overflow и z-index. Давайте разбер?м блок с id "sensation_inset1" и блок с классом "inset-sensation". Вот их html: 1. <ul class="inset-sensation"> 2. <li class="act" id="sensation_tab1" onclick="on_inset('sensation', 1)"> 3. <div>Общество</div> 4. </li> 5. <li id="sensation_tab2" onclick="on_inset('sensation', 2)"> 6. <div>Картинки дня</div> 7. </li> 8. <li id="sensation_tab3" onclick="on_inset('sensation', 3)"> 9. <div>Анекдоты</div> 10. </li> 11. </ul> 12. <div id="sensation_inset1"> 13. <ul id="sensation"> 14. <li class="top"> 15. <a href="/daily/24027.5/92340/"><img title="<a href=/tests/send/>У вас корпоративчик?</a>" alt="<a href=/tests/send/>У вас корпоративчик?</a>" src="/upimg/small/121023.jpg" /></a> 16. <h3><a href="/daily/24027.5/92340/"><a href=/tests/send/>У вас корпоративчик?</a></a></h3> 17. <a href="/daily/24027.5/92340/"><a href=/tests/send/>Тогда пришлите нам забавное <FONT color=#ff0000><STRONG>[видео]</STRONG></FONT>. Автор лучшего сюжета получит славу и гонорар! Загрузить файл до 100 МВ можно через удобную форму</a></a> 18. <a href="/daily/24027.5/92340/"></a> 19. </li> 20. </ul> 21. <div class="left-link"><a href="/daily/life/">Все статьи на тему <strong>Общество</strong></a></div> 22. </div> Это стили (стили для ссылок и класс left-link я опустил): .inset-sensation { position: relative; top: 1px; list-style: none; width: 295px; overflow: hidden; } .inset-sensation li { text-align: center; float: left; color: #fff; background: url(/_img/tabbg4.gif) no-repeat top right; margin-right: 1px; border-bottom: solid 1px #fff; margin-bottom: 1px; cursor: hand; cursor: pointer; } .inset-sensation li div { text-align: center; padding: 4px 10px 6px 10px; float: left; background: #568fc1; color: #fff; background: url(/_img/tabbg3.gif) no-repeat top left; } .inset-sensation li.act { font-weight: bold; border: 0; padding: 0; background: url(/_img/tabbg2.gif) no-repeat top right; margin: 0 1px 1px 0px; } .inset-sensation li.act div { color: #3a3a3a; margin-bottom: 0; padding: 4px 10px 8px 10px; background: url(/_img/tabbg1.gif) no-repeat top left; } #sensation { padding: 10px 10px 5px 10px; border: solid 1px #568fc1; list-style: none; width: 273px; } #sensation li { margin-bottom: 5px; } #sensation li.top img { width: 68px; float: left; margin: 0 11px 5px 0; position: relative; top: 2px; border: solid 1px #646464; } #sensation li.top { width: 100%; overflow: hidden; } Приступим к html. 1. У Вас в доктайп объявлен xhtml, а атрибутов title и alt нигде не видно. 2. В строках 16 и 17 ссылка вложена в ссылку. Нельзя так. В строке 18 ссылка вообще пуста. 3. Также в строке 17 используется тег font. The font tag is deprecated. Теперь, исправив предыдущие три пункта, убираем в привед?нном выше css все position и overflow. Развалилось? А как-же! Теперь блоку #sensation прописываем margin-top:24px;, тем самым сместив его под кнопки и финальным шрихом удаляем из css #sensation li.top и вносим мелкие коррективы: .inset-sensation { list-style: none; width: 295px; } .inset-sensation li { float: left; color: #fff; background: url(/_img/tabbg4.gif) no-repeat top right; margin-right: 1px; border-bottom: solid 1px #fff; margin-bottom: 1px; cursor: pointer; } .inset-sensation li div { padding: 4px 10px 6px 10px; background: #568fc1 url(/_img/tabbg3.gif) no-repeat top left; } .inset-sensation li.act { font-weight: bold; border: 0; padding: 0; background: url(/_img/tabbg2.gif) no-repeat top right; margin: 0 1px 1px 0px; } .inset-sensation li.act div { color: #3a3a3a; margin-bottom: 0; padding: 4px 10px 8px 10px; background: url(/_img/tabbg1.gif) no-repeat top left; } #sensation { padding: 10px 10px 5px 10px; border: solid 1px #568fc1; list-style: none; width: 273px; } #sensation li { margin-bottom: 5px; } #sensation li.top img { width: 68px; float: left; margin: 2px 11px 5px 0; border: solid 1px #646464; } Теперь меню нормально работаетает, а css-код заметно упростился. Подобным образом необходимо переверстать значительную часть кода страницы. Данный код я толком не тестировал, так что могут быть мелкие баги, которые легко исправимы.

И вновь неправильно. html забыли. У Вас: body { margin:0; height:100%; } , а должно быть html, body { margin:0; height:100%; }

Добавьте в документ: <style type="text/css"> html, body {height:100%;} </style>

Да.

Нда... Меня всегда прикалывали люди, которые идут окольными путями... Вместо того, чтобы нормально и логично сверстать прописывается четыре абсолютно лишних свойства блоку, тихо-мирно стоявшему рядом с проблемой... Вот зачем там абсолютное позицированние? И в contacts оно вовсе необязательно, можно(ИМХО логичнее) использовать float. Ну а раз использовали, то почему-бы не задать ему отступ слева с помощью магического заклинания "left"? Непонятно... P.S. Сохранил Вашу страничку и поменял в классе contacts свойство padding на margin - работает.

Неа! Не marign-left, а margin-left.

Этого просто не может быть. Видимо Вы не туда прописываете.

Стили - во внешний файл. Обилие хаков(особенно под Оперу) говорит что с в?рсткой не вс? хорошо. &#146; - чем апостроф не угодил?

В диве с классом contacts вместо padding используйте margin.

Всех и персонально kiD'a с праздником!

Самый простой вариант поставить для ie _width:100%;

Не работает, поскольку в коде нет атрибута id "sel1". А есть атрибут name. Переименуйте name в id или просто добавьте в этот input идентификатор.

Посмотрел... Советую Вам распечатать этот код, сжечь его, а пепел отправить в путешествие по канализации... - это не комментарий css. Комментарий css выглядит так: /* LOGO */. Исправите - заработает.

Спасибо, Ваш совет я применила, но не так как надо было. Разобралась. Спасибо еще раз. Прочитайте внимательно и посчитайте, какой ширины у Вас получается ячейка. Эксперемента ради, удалите в #otstup1 margin.