Jump to content

heywait

User
  • Posts

    39
  • Joined

  • Last visited

Posts posted by heywait

  1. Тэг dl в левом навигационном меню (у которого id почему-то menu-right) совсем неуместен. Уместнее было бы использовать ненумерованный список, как в вашем горизонтальном меню.

    А тэг dl используется для создания списка определений, но никак не меню. Здесь можете почитать про него.

  2. Всем добрый вечер. Сегодня при верстке столкнулся с тем, что в ie 9 и ie 10 ширина li элементов моего горизонтального меню считается, в отличие от всех остальных браузеров (последние версии хром, фф, опера, ie 7, 8), в дробных числах. Это нормальное поведение? Нельзя ли как-то избежать? P. S. Ширину явно не указывал

    4meqrcI.png

  3. меню лучше писать в нижнем регистре, а в css для а добавить text-transform:uppercase;

    зачем, если точно так же можно использовать lowercase | capitalize в случае необходимости? могу ошибаться, но думаю, что автор пункты меню просто копировал из псд

  4. http://learn.javascript.ru/play/U95WDb - текст в блоке .icon обернут в абзац

    http://learn.javascript.ru/play/uIbwf - текст без обертки

    подскажет кто-нибудь, почему в хроме в первом случае текст переносится на следующую строчку, а во всех остальных браузерах окей? и почему без обертки в хроме тоже текст перестает переноситься?

  5. npofopr, резина, честное слово. :) сейчас заметил, что скролл действительно есть в ie9 (исправлю). в опере появляется из-за ее панели инструментов слева. по поводу отключения теней в ie8 - учту. решение неплохое, но ленивое, учитывая, что я еще не знаю, как таки заставить их скрыться за блоками. и я отнюдь не игнорирую :hover (по крайней мере, в данном макете проигнорировал частично, но уже сомневаюсь в правильности этого решения).

    npofopr, Great Rash, я все откладывал близкое знакомство с адаптивной версткой - видимо сейчас самое время познакомиться. спасибо :)

  6. http://sleepwalker51.narod2.ru/vvs

    по прошлой моей работе был всего один комментарий - возможно, макет был слишком простой для обсуждения или работа слишком ужасна. в общем, дубль два.

    это моя первая резина (впрочем, у меня вообще пока мало работ, так что да, я новичок). прошу критики. макет брал с этого форума (Verder выкладывал). если кто-то сможет подсказать, как растянуть навигационное меню таким образом, чтобы последний пункт (CONTACTS AND FEEDBACK) был под альбомом (Photo and videos) и при этом не появлялся бы скролл горизонтальный - было бы здорово.

    по кроссбраузерности было бы ie8+, но там добавленные мною тени в Recent Events повылезали наружу и появляется скролл горизонтальный по непонятным пока мне причинам (если кто-то подскажет, почему - буду рад)

  7. Как-то так:

    <!DOCTYPE HTML>

    <html>

    <head>

    <meta charset="UTF-8">

    <title>bla-bla-bla</title>

    <style type="text/css">

    *{

    margin:0;

    padding:0;

    }

    ul{

    width:960px;

    background:#ccc;

    overflow:hidden

    }

    li{

    display:block;

    float:left;

    }

    a{

    display:block;

    padding:14px 14px 14px 10px;

    text-align:center;

    font:bold 13px/16px arial;

    }

    .in1line{

    padding:22px 12px 22px 10px;

    }

    </style>

    </head>

    <body>

    <ul>

    <li class="menu-item"><a class="menu-item-link" href="#">Каталог<br />авто</a></li>

    <li class="menu-item"><a class="menu-item-link in1line" href="#">Статьи</a></li>

    <li class="menu-item"><a class="menu-item-link" href="#">Кухонные<br />салоны</a></li>

    <li class="menu-item"><a class="menu-item-link in1line" href="#">Выставки</a></li>

    <li class="menu-item"><a class="menu-item-link" href="#">Отзывы и<br />рейтинги</a></li>

    <li class="menu-item"><a class="menu-item-link" href="#">Биржа<br />проектов</a></li>

    <li class="menu-item"><a class="menu-item-link in1line" href="#">Услуги</a></li>

    <li class="menu-item"><a class="menu-item-link in1line" href="#">Персоналии</a></li>

    <li class="menu-item"><a class="menu-item-link in1line" href="#">Фото</a></li>

    <li class="menu-item"><a class="menu-item-link" href="#">Доска<br />обьявлений</a></li>

    <li class="menu-item"><a class="menu-item-link in1line" href="#">Форум</a></li>

    <li class="menu-item"><a class="menu-item-link in1line" href="#">Блоги</a></li>

    </ul>

    </body>

    </html>

    мм, в этом варианте крайняя область у последнего пункта меню не кликабельна

  8. Собственно, ссылка http://gryaznov-evgenij.narod2.ru/ (одна главная страница, ie 8 + современные браузеры)

    Если не затруднит, хотелось бы прочитать критику профессионалов в духе "так делать не стоит", "откуда это взялось?" или в любой другой удобной вам форме, ну, и особенно буду рад советам, как сделать лучше. Спасибо.

  9. добрый день!

    читал как-то очень подробную и интересную статью по оптимизации css и о тонкостях обработки стилей браузером. статья была дико интересная, но я, судя по всему, забыл кинуть в закладки. :(

    теперь вот прошу поделиться хорошей статьей на эту тему :)

  10. Опять же, если говорить о видеокурсах (особенно учитывая то, что ТС живёт в США), думаю, из англоязычных курсов для начинающих хорошим может быть этот http://forum.htmlbook.ru/index.php?showtopic=30630

    +1

    тоже хотел было постить сюда ссылку, но решил сначала дочитать тему до конца :)

  11. Не хотелось бы создавать тему к одному и тому же макету. Есть еще один вопрос.

    Из-за чего может в разных браузерах отличаться расстояние между буквами? Расстояние между символами, к примеру, в ie 8 и 9 отличается. А также в хроме и фаерфоксе (в хроме расстояние больше).

    Размеры шрифта задавал через пиксели. Еще пробовал ворд спейсин и леттер спейсин обнулять - безрезультатно.

    Ссылку продублирую http://sleepwalker51.narod2.ru/

×
×
  • Create New...

Important Information

We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue. See more about our Guidelines and Privacy Policy