Jump to content

BusinessName.com — опять


Gaspode
 Share

Recommended Posts

у вас зазор между меню и облаками получился и при разных разрешениях дыры появляются

поиск с контентом вылазит за пределы body, при появлении горизонтальной прокрутки

думаю облака надо было фоном для .wrapper ставить

и, разве название сайта не должно быть кликабельным?

Edited by ceil100
Link to comment
Share on other sites

  Quote
у вас зазор между меню и облаками получился и при разных расширениях дыры появляются

Может, не при разных разрешениях, а при масштабировании? Это да. Я как-то не знаю, как это пофиксить нормально.

  Quote
думаю облака надо было фоном для .wrapper ставить

Вероятно, да. Но тогда ещё одну обёртку надо. Потому что фон с облаками шире, чем .wrapper.

  Quote
и, разве название сайта не должно быть кликабельным?

Зачем? Это же главная страница. По-хорошему, так и ссылка Home в навигации кликаться не должна.

Link to comment
Share on other sites

  Quote
Может, не при разных разрешениях, а при масштабировании?

ну да при масштабировании

.wrapper .site-header {

overflow: hidden;

padding: 48px 0 18px;

}

можно дырку над меню отрегулировать, а то не красиво как то

  Quote
Зачем? Это же главная страница. По-хорошему, так и ссылка Home в навигации кликаться не должна

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

по хорошему ссылки Home и, вовсе, не нужно, лого должно вести на главную

а так все ок, только с шириной разобраться

Link to comment
Share on other sites

1) Я бы не стал отводить для среднего блока вверху целый section.

2) Поиск можно было засунуть в aside

3) Лениво разбираться в стилях, но по-моему есть избыточность оберток. Например, вот здесь:


<div class="news-box">
<aside class="news">

4) Для изображений слева и справа не пойдет использование figure?

5) Ну и в html5 можно каждый самостоятельный блок может начинаться с заголовка h1

Link to comment
Share on other sites

  Quote
но с этой страницы будут делаться и остальные, поэтому вопрос спорный

На других страницах вместо h1 будет ссылка с тем же классом. Всегда так делаю.

  Quote
можно дырку над меню отрегулировать

Не понимаю. Каким образом?

  Quote
1) Я бы не стал отводить для среднего блока вверху целый section.
  Quote
2) Поиск можно было засунуть в aside

Да, согласен.

  Quote
3) Лениво разбираться в стилях, но по-моему есть избыточность оберток. Например, вот здесь:

Тут я в курсе, но это дело такое: сегодня избыточно, завтра нет. Внешняя обёртка отвечает за положение на странице, внутренняя — за внешний вид. Может, чуток громоздко, зато модифицировать легче гораздо.

Хотя конкретный случай, указанный тобой, можно и упростить, пожалуй.

  Quote
4) Для изображений слева и справа не пойдет использование figure?

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

  Quote
5) Ну и в html5 можно каждый самостоятельный блок может начинаться с заголовка h1

И тут в курсе, но у меня это диссонанс вызывает. Заголовки "по старинке" как-то привычнее.

Edited by Gaspode
Link to comment
Share on other sites

  On 11/28/2011 at 7:12 AM, Gaspode said:

Тут я в курсе, но это дело такое: сегодня избыточно, завтра нет. Внешняя обёртка отвечает за положение на странице, внутренняя — за внешний вид. Может, чуток громоздко, зато модифицировать легче гораздо.

Хотя конкретный случай, указанный тобой, можно и упростить, пожалуй.

Тогда, наверное надо поменять местами aside и див. Т.е. сначала обозначить, что это сайдбар, а потом рулить дивами внутри.

  On 11/28/2011 at 7:12 AM, Gaspode said:

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

Да я тоже только предположил)

  On 11/28/2011 at 7:12 AM, Gaspode said:

И тут в курсе, но у меня это диссонанс вызывает.

Тоже было, но справился :)

Link to comment
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.
Note: Your post will require moderator approval before it will be visible.

Guest
Reply to this topic...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

 Share

  • Обсуждения

    • Актуальные контакты: Telegram: @Nikker_web E-Mail:   tarasevich.email@gmail.com Портфолио https://www.behance.net/d4d4186e Разрабатываю дизайн групп в соц сетях, сайтов, приложений, другой дизайн под заказ    
    • Актуальные контакты: Telegram: @Nikker_web E-Mail:   tarasevich.email@gmail.com   Разрабатываю дизайн групп в соц сетях, сайтов, приложений, другой дизайн под заказ   Портфолио https://www.behance.net/d4d4186e
    • Доброго всем времени суток. Прошу помощи. Научите принципу изменения футера. Движок Xenforo. Версия 2.2.10. Стиль дефолтный. Что именно нужно в итоге на фото примере. Мой шаблон app.footer less имеет следующее значение.  .p-footer { .xf-publicFooter(); a { .xf-publicFooterLink(); } } .p-footer-inner { .m-pageWidth(); .m-pageInset(); padding-top: @xf-paddingMedium; padding-bottom: @xf-paddingLarge; } .p-footer-row { .m-clearFix(); margin-bottom: -@xf-paddingLarge; } .p-footer-row-main { float: left; margin-bottom: @xf-paddingLarge; } .p-footer-row-opposite { float: right; margin-bottom: @xf-paddingLarge; } .p-footer-linkList { .m-listPlain(); .m-clearFix(); > li { float: left; margin-right: .5em; &:last-child { margin-right: 0; } a { padding: 2px 4px; border-radius: @xf-borderRadiusSmall; &:hover { text-decoration: none; background-color: fade(@xf-publicFooterLink--color, 10%); } } } } .p-footer-rssLink { > span { position: relative; top: -1px; display: inline-block; width: 1.44em; height: 1.44em; line-height: 1.44em; text-align: center; font-size: .8em; background-color: #4682B4; border-radius: 2px; } .fa-rss { color: white; } } .p-footer-copyright { margin-top: @xf-elementSpacer; text-align: center; font-size: @xf-fontSizeSmallest; } .p-footer-debug { margin-top: @xf-paddingLarge; text-align: right; font-size: @xf-fontSizeSmallest; .pairs > dt { color: inherit; } } @media (max-width: @xf-responsiveMedium) { .p-footer-row-main, .p-footer-row-opposite { float: none; } .p-footer-copyright { text-align: left; padding: 0 4px; // aligns with other links } }  
    • Нужны сайты с примерами верстки, типа https://css-tricks.com/. Типовые приемы и нестандартные на все случаи жизни. Накидайте ссылок.
×
×
  • 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