Jump to content

http://andrvm.ru/portf/gazeta/


@ndrey
 Share

Recommended Posts

http://andrvm.ru/portf/gazeta/ вот наваял от нечего делать, а то пропадал дизайн =)

1. Просьба оценить только верстку, нужна любая критика и замечания, интересуют также любые замечания по оптимизации.

2. Кто-нибудь знает решение для задания стиля первому потомку элемента для IE6, например #id p+h2?

ЗЫ: совсем забыл, не тестировал в IE7 (под рукой нет в данный момент) и есть ли ли косяки при 1024х768?

Заранее всем огромное спасибо!

Link to comment
Share on other sites

Занятный сайт получился. Косяки есть при 1024, ширину надо делать всегда чуть меньше, в окне браузера еще имеются границы и полосы прокрутки. Проверял через Web Developer.

Link to comment
Share on other sites

Без картинок очень неплохо! А вот с картинками - бяка...

По коду: в принципе неплохо. Не заметил явных ошибок. Из придирок: непонятные id(id="h_1" и тп.) и это тоже как-то нехорошо: id="dt" class="border". ИМХО

P.S. Текст - супер! :)

Link to comment
Share on other sites

Vlad я про 1024 поэтому и спросил, что не проверял сам, до работы доберусь исправлю

yopopt а что с картинками, по конкретнее можно? если имется ввиду обработка, то сорри пришлось верстать с jpeg-a, косяк class="border" убрал, отладка забылась.

Link to comment
Share on other sites

Guest
This topic is now closed to further replies.
 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