верстка webreference

By JIyHa,
December 1, 2011 in Discussion of works

Followers 0

Recommended Posts

JIyHa
Newbie
- 18
Posted December 1, 2011
Женщина
Глория

JIyHa

Posted December 1, 2011

- Report
- Share

Posted December 1, 2011

Привет всем, вот сделала webreference из этой темы, оцените пожалуйста верстку. Нерезиновая,не кроссбраузерная, потому что html5 и css3, в IE картинки, кнопки, уголки некорректно отображаются. одна и вторая

1. Для верхнего меню в левой колонке на первой странице, которое как листок(статьи, книги, графика, верстка) ничего лучше не придумала, чем приделать верхний уголок и нижнюю часть листа на :before и :after. Догадываюсь, что есть лучшее решение, но приходит в голову только еще один див поставить и бэкграундом сделать.

2. В поиске надпись "поиск" placeholder-ом сделала, Но вот чтобы она еще и цветом была как макете...в файрфоксе работает, для вебкитов тоже нашла в гугле как сделать, а для оперы цвет надписи так и остаётся серый. Вот есть подозрение что тут только скрипты помогут.

3. На второй странице почему-то граница правой колонки когда задаю dotted, не отображается в вебкитах, в остальных нормально показывается. Так и не догадалась, с чем это связано, и сделала ее пунктирной dashed.

Quote

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.

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.

Insert image from URL

Followers 0

Go to topic listing

Обсуждения
- Дизайн сайтов, landing page, логотипов, баннеров, шапок | Высокое качество, по хорошей цене
  
  By Nikker · Posted Saturday at 01:16 AM
  
  Актуальные контакты: Telegram: @Nikker_web E-Mail: tarasevich.email@gmail.com Портфолио https://www.behance.net/d4d4186e Разрабатываю дизайн групп в соц сетях, сайтов, приложений, другой дизайн под заказ
- Брендовый дизайн в социальных сетях
  
  By Nikker · Posted Saturday at 01:16 AM
  
  Актуальные контакты: Telegram: @Nikker_web E-Mail: tarasevich.email@gmail.com Разрабатываю дизайн групп в соц сетях, сайтов, приложений, другой дизайн под заказ Портфолио https://www.behance.net/d4d4186e
- Вёрстка футера на движке Xenforo
  
  By Mondeus · Posted November 13, 2023
  
  Доброго всем времени суток. Прошу помощи. Научите принципу изменения футера. Движок 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 } }
- Примеры верстки
  
  By torsar · Posted November 3, 2023
  
  Нужны сайты с примерами верстки, типа https://css-tricks.com/. Типовые приемы и нестандартные на все случаи жизни. Накидайте ссылок.
- Какой тег использовать, чтобы увеличивать число кнопками вверх-вниз?
  
  By Katerina23 · Posted October 25, 2023
  
  Да, подходит. Спасибо.

Sign In

верстка webreference

Recommended Posts

JIyHa

Link to comment

Share on other sites

Join the conversation

Обсуждения

Forums

Important Information