Jump to content

red4pony

User
  • Posts

    260
  • Joined

  • Last visited

  • Days Won

    3

Everything posted by red4pony

  1. Сам то я в JS не понимаю. А так как вызвался помогать, то вот через поиск нашел:
  2. Можно вот так: http://jsfiddle.net/XUJA2/ (толька внимательнее с размерами блоков и отступами)
  3. Когда читал "З. Джилленуотер - Сила CSS3. Освой новейший стандарт веб-разработок (Библиотека специалиста) - 2012". Делал конспект. Выписал сервисы связанные со шрифтами: Все не смотрел. Тоже интересует.
  4. хмм, осталось, со старых времен значение)) Спасибо, буду знать А с "-.31em", знаю знаю, надо быть осторожным Ссылки становятся inline-block'ами (грубо говоря словами в строке), между ними образуются пробелы (word-spacing). В Вашем примере проблему решает letter-spacing (расстояние между буквами). Также Вы добавляете word-spacing. Я так понимаю что это решения для разных браузеров? Почему в данном случае работает letter-spacing?
  5. Если позволите, то для гибкости я бы сделал: CSS А в HTML в <div class="middle"> добавил <img src="bg-content.jpg"> (ну и соответственно убрал это изображение из свойства фон) А про сброс стилей почитайте (если не сделали это уже) вот тут http://habrahabr.ru/post/45296/ и комментарии тоже полезны.
  6. Вот это понравилось: А Вам это для проекта или спортивный интерес?
  7. А что Вы делали? В чём проблема исправить ошибки на которые Вам указали?
  8. Заходил на Ваш сайт, но там не исправленно что указал mrnobody У Вас недопустимое вложение тегов. Необходимо <link> и <meta> переместить в <head>
  9. На хабре было http://jsfiddle.net/homm/DxBrq/ Вот так может выглядеть меню http://jsfiddle.net/x8XkC/2/
  10. Тогда читайте спецификацию или книги про CSS3 (З. Джилленуотер - Сила CSS3. Освой новейший стандарт веб-разработок (Библиотека специалиста) - 2012, Сидерхолм Дэн - CSS3 для веб-дизайнеров), а про адаптивный дизайн (Итан Маркотт - Отзывчивый веб-дизайн).
  11. Жаль что Вы не хотите чтобы Вам помогли. В первой строке: 1)поставьте media послеледним, 2)max-width:1366px - а дальше стили получается не подключаются? - удалите/измените/подключите min-width:1367px Во второй строчке: ^1), 2) удалите min- max-height. Необходимо смотреть и пробовать. А так палкой по самолётам...
  12. А Вы не могли бы дать ссылку на сайт? Необходимо попробывать.
  13. Извините. Не сразу Вас понял. Поспешил. Вроде бы http://learn.javascript.ru/play/jVPjjb
  14. Так будет удобнее. Сможете стилизовать как Вам необходимо. HTML <div> <p>Какой-то текст <img src="#" alt="картинка"></p> </div> CSS img{ display: none; height:100px; width:100px; position: absolute; bottom:0;/*спозиционируете где Вам требуется*/ } p:hover img{ display: block; }
  15. Вам не удалось стилизировать эти элементы потому что свойства для них заданны на внутреннем уровне. В блоке top_banner лежит конструкция region внутри которой есть элемент <style> в котором можно прописать необходимые Вам свойства (select{ color: #7d7d7d;} и т.д.) или же непосредственно в самих <option> добавить что Вам требуется.
  16. Пожалуйста. Методология БЭМ полностью наверное подходит только Яндексу, много холивара на эту теме в хабре.
  17. Не верно, прочитайте про новые семантические теги в HTML5 - спецификация позволяет доблять несколько h1 на страницу (если заголовки лежат в отдельных логических блоках). Для этого они(новые теги) разрабатывалить. Например: <header>/*Шапка сайта*/ <h1>Сайт о новостях</h1> </header> <section>/*Начало новостного блока*/ <header> <h1>Fireworks умер</h1> </header> <article> Adobe прекратила развитие продукта Fireworks и не добавила его в Creative Cloud </article> <footer> <span>Gregory Jonson<span> <time>01-05-2013<time> </footer> </section>/*конец новостного блока*/ <footer> Спонсоры и клиенты </footer> Если Вы захотите поменять цвет границы для класса gBorder на красный, то логичность названия пропадает, лучше назвать mainBorder. Как было выше сказано: При размере экрана меньше 800px(примерно) крайним блокам нужно будет задать горизонтальную ориентацию(три узкие колонки будут не очень удобные), блок "sContent l" лучше разместить выше основного содержимого, а "sContent r". И вот тут Ваши классы "l" и "r" теряют смысл. Для общего развития советую ознакомиться(если Вы этого еще не сделали) в БЭМ. Там много лишнего(для небольших проектов), но может будет для Вас полезно.
  18. Я не сеошник. Но как пользователь могу сделать следующие замечания (я посмотрел на ваших конкурентов http://miete.com.ua и http://doba.ua): 1)Элементы левой панели слишком мелкие 2) Поле добавить объявление спрятать, оставить кнопку ведущую на отдельную страницу или всплывающее окно. 3) Элементы форм(поля для заполнения) не очень красиво смотрятся. 4)Блок с отдельным объявлением слишком информативный. Сделайте блок поменьше, вынесите главную информацию (цена, улица, площадь и фотография - покрупнее), поместите его(блок) в ссылку ведущую на страницу с подобной информацией. 5) Контактные данные вынесите в одно место и чтобы они были видны на любой странице(например в шапку которая будет везде) 6) Диапазон цен организовать с помощью ползунка. 7) Крупнее шрифт. 8) Номер объявления и дата публикации удобнее будет смотреться в нижнем левом углу. 9) Было бы неплохо иметь сравнительную таблицу (приблизительно то что делает кнопку на печать, только данные группировать в таблицу) 10) В конце страницы подробного описания иметь объявления похожих объявлений (площадь, количество комнат, цена, район) Здесь я описал то что на мой взгляд сделает сайт более удобным. P.S. Вы сегодня изменили контактные данные: убрали отчество и добавили почту?
  19. Для одного свойства создается один класс..... Имена классов должны отображать суть объекта, а не его свойства.
  20. Мое мнение: Логотип-->h1 .head>max>.l-->h2(каждая строчка) nav>div>ul(div лишний в обоих случаях) "Лимузины в Калуге"-->h2 "Машины для случая" и "Предложения"-->h3 "Встреча из роддома" и "Песочное шоу" (и подобные в этих барах)-->h4(ну или поместить бар '.sContent r ' - в <section> и начать нумерацию заголовков сначала для правильной семантики - так как этот раздел прямо не относится к специфике этого сайта) Названия классов не должны быть позиционно зависимыми "левый", "правый". Может же возникнуть ситуация когда эти блоки необходимо будет передвинуть.
  21. Так не бросайте мух в котлеты. Лучше фарш для котлет делать с помощью электромясорубки, а не руками крутить.
×
×
  • 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