- 0
-
Similar Content
-
By Grasss
Имеется div блок (height:50px; width:400px;)
При наполнении контентом, высота div'а должна автоматически увеличиваться.
Нужен скрипт, который будет выполнять эту задачу.
-
By maxfloyd
Здравствуйте. padding подгоняется не четко, при изменении масштаба видно изъяны (подсветка кнопки не на всю высоту или на оборот больше чем нужно)
Код: https://jsfiddle.net/aemjkhp9/
-
By WhatIsHTML
Необходимо сделать высоту блоков на скриншоте, одинаковой. Для задания одинаковой высоты у Semantic UI есть классы "equal height". Пример тут http://jsfiddle.net/ozk615p6/35/
"equal height" задается внешнему блоку, а дочерним элементам будет задана одинаковая высота. Проблема в том, что мне нужно выровнять по высоте не дочерние элементы, по крайней мере не первого уровня вложенности. Моя проблема тут http://jsfiddle.net/ozk615p6/34/
Помогите пожалуйста.
-
By anvar9991
Не могу решить одну проблему. Как сделать когда браузер увеличивается или уменьшается размер(ширина и высота) изображения не менялся. Как бы он фиксированный.
Пример http://mahno.com.ua/en/ (первый блок).
У меня с шириной всё нормально, проблема с высотой.
Мой пример с проблемой http://davronv4.businesscatalyst.com
-
By kattiperk
Здравствуйте.
Проблема в height: auto; для iOS устройств ниже 6 версии.
В контейнере есть картинка, которая имеет свойства width: 100% и height: auto;
Но iOS отказывается понимать и тянет на всю высоту, оставляя ширину в порядке. То есть картинку изрядно плющит.
Нашла пару запросов, но советовали только height: auto !important; С высотой работает через медиа запрос для aspect ratio. Но интересно, может есть заклятье?
-
-
Обсуждения
-
Доброго всем времени суток. Прошу помощи. Научите принципу изменения футера. Движок 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/. Типовые приемы и нестандартные на все случаи жизни. Накидайте ссылок. -
By Katerina23 · Posted
Да, подходит. Спасибо. -
<input type="number"> -
By Katerina23 · Posted
Здравствуйте, подскажите какой тег использовать для увеличения значения, пример на картинке. Вроде, про такой тег я слышала. Если есть тег прогресс бар, значит и такое должно быть.
-
Question
Vitaliy2121
Здравствуйте форумчане. Проблема вроде бы известная но я ни где не могу найти ее решение. Проблема такова, на странице мало текста. Меньше чем высота экрана, нужно растянуть страницу так что бы фон закрывал весь экран. Вот html код страницы:
Вот код css:
html{height: 100%;margin: 0px;}body{height: 100%;background: url(http://vab.96.lt/img/bg-2.png) ;font-size: 20px;margin: 0px;}@font-face{font-family: Cassandra;src: url(http://vab.96.lt/font/Cassandra.ttf);}test.logo{font-size: 350%;}p.l{text-align: left;margin: 0px auto; word-break: break-all;word-spacing: 3px;padding: 10px;}.osnova{word-wrap: break-word;font-family: Cassandra;margin: 0px auto;background: url(http://vab.96.lt/img/bg-3.png) ;width: 100%;min-width: 400px;max-width: 600px;border: 1px solid #848484;color: white;text-align: center;}a{font-size: 20px;color: #58FA58;text-decoration: none;}a:hover{font-size: 19px;text-decoration: none;color: #E6E6E6;}a:active{text-decoration: none;font-size: 19px;color: #E6E6E6;}a:visited{color: #81F781;text-decoration: none;}button.but{border: 1px solid #BDBDBD;font-family: Cassandra;border-radius: 10px;background: none;font-size:37px;color:#58FA58;width: 90%;height: 70px;margin-bottom: 0.4em;text-decoration: none;}button.but:hover{width: 87%;height: 70px;font-size:35px;box-shadow: 0px 0px 14px 1px #F7819F;}button.but:active{width: 86%;}Пробовал делать так:
<html style="height:100%"> - не помогло;
html{height:100%;} - не помогло;
<html style="height:100vh"> - не помогло;
html{height:100vh;} -не помогло;
Для body тоже самое писал - не помогло;
Писал и для html и body вместе - не помогло;
min-height - хоть в процентах хоть в vh хоть в px не помогает.
Пробовал position - не помогает.
Есть еще идеи?
P.S если хотите посмотреть оригинал сайта зайдите c телефона на http://vab.96.lt/news/news1.php. Я там ничего менять не буду пока не решу данную проблему.
P.P.S может просто добавить больше тегов <br> и все?
Edited by Vitaliy2121Link to comment
Share on other sites
5 answers to this question
Recommended Posts
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.