Jump to content
  • 0

Обьект сьезжает при маштабировании экрана в браузере


majron
 Share

Question

Пивет всем :) решил стать не просто верстальщиком а настоящим web - мастером))) и понял что нуждаюсь в одномыслящих людях!

Работодатель дал мне пробное задание по верстке,я все сдела, кроме одного - как только меняю маштаб в браузере то наблюдается очень маленький сдвиг кнопки (Обзор)от поля загрузки изображения, знаю что это не професионально так оставлять, вот ссылка -

http://texts-web.com/proba/index.html попробуйте изменить масштаб в браузере!

Link to comment
Share on other sites

3 answers to this question

Recommended Posts

  • 0

Меня всегда удивляла привычка изменять масштаб страницы.

И абсолютное позиционирование в вашем случае это не круто. Тем более отпозиционирована кнопка нижняя по верхнему краю.

Крестик это картинка что ли фоновая? Он же нажиматься должен.

Есть много способов "отцентровки окна".

Про кнопку обзор не знаю) не нравится она мне)

Link to comment
Share on other sites

  • 0
  On 10/19/2012 at 3:44 PM, npofopr said:

Меня всегда удивляла привычка изменять масштаб страницы.

И абсолютное позиционирование в вашем случае это не круто. Тем более отпозиционирована кнопка нижняя по верхнему краю.

Крестик это картинка что ли фоновая? Он же нажиматься должен.

Есть много способов "отцентровки окна".

Про кнопку обзор не знаю) не нравится она мне)

Спасибо за ответ)) да, у меня все в абсолютном позиционировании, а в чем минус этого? я еще новичек в этом деле, поэтому невижу минуса :huh: а поповоду кнопки обзора, самому не нравится! просто искал стилизований <input type = 'file', это все что нашел <_<

А крестик просто рисуночек, ну пока мне не сказали с ним что то делать. Спасибо, мне сейчас будет полезен любой совет!!!

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
Answer this question...

×   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