Jump to content

MichaelD

User
  • Posts

    57
  • Joined

  • Last visited

Everything posted by MichaelD

  1. http://jsfiddle.net/JPu4m/ самое простенькое выпадающие меню с использованием JQ. На чистом css надо просто удалить скрипт и написать: #nav li:hover ul{ display: block;}
  2. треугольник сверстать не проблема, проблемав том, что-бы он был прозрачный.
  3. В общем имеется такой активный элемент навигации: http://i6.pixs.ru/storage/1/5/3/SnimokPNG_6031795_12562153.png Как можно сделать такой прозрачный вырез? Уже кучу всего перепробовал, так и не получилось...
  4. Можешь пойти в контору. Там и опыта больше получишь и посмотришь, как работают другие) Думаю на небольшой оклад возьмут.
  5. В данном случае можно обойтись и без абсолютного позиционирования) логотипу float:left, а контейнеру иконок float:right. Ну и соответствующие отступы. А если иконок будет не 4, а 6?
  6. При добавлении контента в подписи к картинкам(хотя-бы 2 строчки) Featured Work вся верстка просто улетает. Так как высота для блока featured-works-elements задана фиксировано. Так-же происходит и в других блоках. Фиксированная высота динамических блоков это очень плохо. Про абсолютное позиционирование в шапке сказали, а вот в навигации не сказали. Там вообще что-то намудрено.
  7. Задать стиль для блока left - word-break: break-all;
  8. 1. Что за "karkas". Лучше уже wrap, wrapper или container. 2. Я так думаю, что логотип - это картинка вместе с текстом, целесообразно это все засунуть в ссылку. Или сделать логотип полностью картинкой. 3. Чем ссылка в menu с классом active отличается от обычной ссылки? 4. border-top-left-radius:10px; border-bottom-left-radius:10px; -> border-radius:10px 0 0 10px; Такое-же замечание и к остальным свойствам. 5. Градиент картинкой - это нормально, но достаточно 1px вместо 11px; 6. *{margin:0; padding:0} в принципе - это нормально для тестирования, но не для готовой верстки, надо конкретно указывать чему вы хотите сбросить отступы. Селектор "*" нагружает страницу. Тут уже было куча тем по этому поводу 7.<div class="border"><div class="border"> ... </div></div> Зачем? Конечно возможно просто невнимательность. Названия классов вообще не логичны. Как я догадаюсь, что в блоке с классом "border" у меня находится основной контент. И еще всего всего много
  9. http://coolcarousels.frebsite.nl/c/61/
  10. банально установи для .regform a:hover { background: "и тут вписываешь изначальный цвет без подсветки" }
  11. Есть 2 основных метода размещения базовых элементов на странице при блочной верстке : inline-block и float. Что вам понравится - это уже ваше дело,по этому поводу написано тысячи книг и постов. http://habrahabr.ru/post/117109/ - inline-block http://habrahabr.ru/post/142486/ - float Читайте, пробуйте, выбирайте то, что вам понравится.
  12. Мне не очень нравится такая многоуровневая вложенность элементов, но с точки зрения семантики, все верно) Вы располагаете элементы в places_results с помощью inline-block, если располагать с помощью float ничего не съезжает. Не использовал inline-block'и так что в чем ошибка могу только догадываться).
  13. Не знаю как у вас, а у меня на большом мониторе выглядит все так. http://radikal.ru/fp/95e9b0da545448fa847deba23beacc72 если еще и уменьшить масштаб, то и right_sidebar ломается.
  14. Вот решение: http://jsfiddle.net/Ag5Bh/ По-другому не придумал. И 1 косяк, стили прописаны не к самому тегу ссылки <a>, а к тегу <li> и из-за этого что-бы перейти по ссылке надо ткнуть именно в текст, а не во всю область списка.
  15. Абсолютное позиционирование выводит элемент из обычного потока элементов и он уже располагается относительно окна браузера. То, что вы хотите возможно сделать либо задав высоту, либо какими-то костылями, которых я не знаю) Можно с помощью флоатов расположить так элементы (ну если уж сильно хочется), соорудить что-то вроде сетки.
  16. Позиционировать абсолютно нужно относительно родительского элемента, а раз он у тебя 0px по высоте, вот и наезжает футер. section {float: left;} - если у тебя одна секция, зачем вообще прописывать float? Вот в общем что-то похожее - http://jsfiddle.net/pjdLy/
  17. Что-то типо того. http://jsfiddle.net/gmP6r/ Не заметил сразу, что он нужен еще и выпадающиий, с таким надо заморочиться...
  18. Долго разбираться в твоей верстке, много чего намудрено, но вот примерный вид твоей основы, а дальше добавляй стили к интересующим тебя объектам. http://cssdesk.com/RAtsY
  19. буду занудой, достаточно margin: auto; А еще табличная верстка уже не актуальна, таблицы надо использовать по назначению.
  20. В принципе оценивать нечего. -элементу id="left" ты прописал "float : left" но что тебе помешало прописать то-же самое и элементу id="right". -почитай, что такое сброс потока плавающих элементов (clearfix). -прочитай, что такое сами эти плавающие элементы) -id все-таки стоит применять только для скриптов. Мнения расходятся но так уж сложилось. -позиционирование применяется там, где оно не нужно(это я про header с абсолютным позиционированием) Все очень плохо.
  21. При уменьшении масштаба навигация слетает в 2 ряда. Заголовок должен быть один, и явно не обвернут в <span>. Немного печалит отсутствие хоть какой-то динамики сайта, например якорь, который есть, но не функционирует. Много еще чего мелкого.
  22. Если уж вёрстка адаптивная, то можно было бы и меню сделать вертикальным, при ширине меньше 600px оно вылазит за пределы видимости, контейнер с "about the blog" тоже странно ужат, хотя места предостаточно(при малом разрешении), search переодически ломается, и кнопку GO можно было и сверстать) Для иконок лучше использовать спрайты, даже если иконки 2. .head > div, думаю лучше либо придумывать классы либо не использовать такие селекторы.
  23. Прошу оценить вёрстку! Вот страничка (ссылка не актуальна) (пытался сверстать всё, что верстается, хотя текстуры получились не очень) При вёрстке возникли некоторые вопросы, а именно, возможно ли воспроизвести с помощью css таких текстур, как в шаблоне. Например в навигации, видно, что нет ни градиентов ни тени, а текстура, как-бы рыхлая. Проверял во всех нормальных браузерах и ие9++ Жду уместную критику!
  24. Тут практически всегда отвечают на конкретные вопросы, и прокоментируют выполенную работу, и в ошибки ткнут, и помогут разобраться. Но про наставников - это больная тема, очен больная... P.S. "Кто хочет тот добьется, кто ищет тот всегда найдет."
  25. в общем вот: http://jsfiddle.net/shVqQ/ (лень было заного писать, взял что есть) картинка не вариант)
×
×
  • 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