HTML Coding
Subforums
-
- 30.1k
- posts
-
- 1k
- posts
-
- Про макеты
- By klierik,
Explore Questions
There are no popular questions to show right now
-
0 votes0 answers
-
0 votes0 answers
-
0 votes0 answers
-
0 votes1 answer
-
0 votes3 answers
29,542 questions in this forum
-
высота div = высота окна браузера - 100px
Вот такая простая задачка: нужен слой, чья высота будет равна высоте окна браузера минус определенное число px. Скрипт для определения высоты найти не сложно: function findDimensions(){ var width = 0, height = 0; // переменные с шириной и высотой окна if(window.innerWidth){ // если браузер поддерживает метод window.innerWidth width = window.innerWidth; // присвоить ширину методом window.innerWidth height = window.innerHeight; // присвоить высоту методом window.innerWidth } // иначе если браузер не поддерживает метод window.innerWidth, else if(document.body && document.body.clientWidth){ // то если б…
0 votes4 answers -
высота div 100% - не выходит каменный цветок :(
Здравствуйте, я уже обращалась сюда со своей проблемой (http://forum.htmlboo...topic=43270&hl=), среди советов был переверстать шаблон дивами, но проблема от этого меньше не стала. Сейчас имеем такую страницу, например, - http://dh-art.ru/portfolio/index.php Говоря вкратце, я хочу, чтобы мучимый мною див выглядел так (только до конца вниз): Проблема в том, что при этом этот див должен находиться над картинками верхнего слайдера (если пройдёте по ссылке вверху, поймёте, о чём я), потому что в противном случае скрипт при загрузке картинок оставляет на этом диве белые области, и при том не перекрывать правое меню. В общем, пока я не придумала ничего лучше. чем задать е…
0 votes4 answers -
Высота div при float у внутреннего элемента
Здравствуйте! Люди, помогите кто сталкивался с проблемой. Есть див а внутри него картинка определенной высоты с параметром float: left; Так вот, div не хочет принимать высоту этой картинки в FireFox. В IE все нормально. То есть, если задать div-у border - то он не будет соответствовать. Заранее спасибо. .find { border: 1px solid #cecece; } .find img { float: left; }
0 votes4 answers -
Высота div с плавающими блоками внутри
Хочу сделать следующее. Внутри одного div расположить несколько плавающих блоков. У них может быть разная высота. В одном из этих блоков есть кнопка, которую хочу выровнять по низу вертикально. Для последнего делаю height: 100% и vertical-align: bottom. Но для внешнего div высота остается неизменной независимо от его наполнения, т.к. содержит плавающие блоки. Как сделать так, чтобы высота внешнего div была равна высоте самого крупного его внутреннего блока? ...средствами хтмл.
0 votes6 answers -
Высота DIV-а должна быть равна высоте справа расположенного большего DIV-а
Код: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="ru"> <head> <title>test</title> <style type="text/css"> html { height: 100%; margin: 0; padding: 0; /*background: #fa0;*/ } body { height: 100%; margin: 0; padding: 0; background: #ccc; padding: 0 15px } </style> </head> <div style="border: 1px solid #990099;"> <div style="height:100%;width:50%;float:left;"> <div style="height:100%;border: 1px solid #3187BD;"> БЛОК А </div> </div> <div style="height:100…
0 votes8 answers -
Высота div-ов
Здравствуйте... <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <head> <title></title> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251"> <style > body { margin:0px; text-align:center; } .box { width:500px; margin: auto; border:1px solid #990000; background-color:#fff; } .menu { width:200px; background-color:#f6d95b; float:left; text-align:left; } .text { margin-left: 200px; …
0 votes8 answers -
Высота div'a
Здравсвуйте, столкнулся со следующей проблемой: Есть несколько наполненых div'ов. идущих подряд. Как уставновить этим блокам фиксированную высоту, которая соотвесттвует высоте окна браузера? Пробовал max-height:100% так не вышло(
0 votes1 answer -
Высота float-элемента в 100% в FF и Chrome
Мда )) Уже начал сходить с ума, пытаясь понять логику, по которой float-элемент игнорирует height и min-height в процентах. Оказалось дело в Firefox. Допустим, у нас есть float-блок, который находится в родителе. И нам нужно, чтобы даже при отсутствии контента (или малом количестве) у плавающего была бы какая-то минимальная заданная высота. Как бы логично и удобно использовать min-height, который берется от родителя. Но FF все обламывает. Понятно, что такую модель можно реализовать и по-другому. Но вопрос в том, что есть ли способ, не меняя подход, научить FF видеть эту высоту? Перед нажатием на "отправить" проверил в Хроме. Та же проблема. Тогда это уже интереснее. Кто м…
0 votes7 answers -
высота height checkbox css
Здравствуйте. Имеется <input type="checkbox" /> Задаю ему высоту height: 21px; Но сам чекбокс не меняется, а образуются какие-то поля вокруг него. Вопрос: как работает height у checkbox и radio input`ов? p.s. в opera если обнулить border и background, то изменяется сам чекбокс.
0 votes4 answers -
Высота iframe
Уважаемые кодеры! Скажите, пожалуйста, возможно ли сделать так, чтобы высота блока iframe подстраивалась под высоту содержимого? Дело в том, что у меня во фрейме выпадающий список. Спасибо заранее!
0 votes4 answers -
высота iframe может меняться в зависимости от контента?
Всем привет! Хотел бы узнать, а высота iframe может динамически меняться в зависимости от контента и если да, то как это можно организовать? Либо, как вариант мне надо, чтобы новые ссылки автоматом открывались в томже самом div-e, БЕЗ перезагрузки основной страницы.... Т.е. у меня есть страница, в нее через div или iframe (с помощью ajaxtabscontent) выводится другая страница, на которой есть ссылки. Дальше, если в iframe, то ссылки в фрейме и открываются (но тогда из-за разного содержимого страниц появляется вертикальная прокрутка iframe-а), а вот если div - то они открываются в новом окне. Хотелось бы избавиться от вертикальной прокрутки в iframe, чтобы страница динамиче…
0 votes2 answers -
Высота LI в UL, OL
Доброго времени суток господа, хотел поделиться с вами некими скилзами набранного опыта и заодно кое что спросить ибо проблему решил на 80%, итак вот суть (исходник тут) HTML: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title></title> <link rel="stylesheet" type="text/css" href="style.css" /> </head> <body> <ul class="test_ul"> <li><a href="#">1</a></li> <li><a href="#">2</a></li> <li><a href="#">3</a></li> </ul&g…
0 votes10 answers -
высота option
Можно как-то через css определить высоту option в select хотя бы для вебкит браузеров? (Chrome, Safari) Или только эмулировать селект на дивах в этом случае?
0 votes5 answers -
высота sidebar
Разъясните,пожалуйста почему тут http://htmlbook.ru/layout/fiksirovannaya-shirina-float-plyus-margin (Пример 2. Создание макета с двумя колонками) высота sidebar ограничена контентом, а здесь http://htmlbook.ru/layout/fiksirovannaya-shirina-ispolzovanie-float (Пример 3. Создание макета с двумя колонками) тянестя во всю высоту?
0 votes1 answer -
высота TD в 1px
Ни как не получается сделать высоту <td> в 1px. Вернее получается но работает только в мазиле. Хочу сделать своеобразный бордер, которого нету в списке стандартных. Вот кусок кода. <tr height="1"> <td colspan="6" height="1" background="img/p.gif"><img width="1" height="1"></td> </tr>
0 votes2 answers -
Высота TEXTAREA
Можно ли сделать так, чтобы TEXTAREA тянулось в высоту по содержимому? overflow:visible не помогает
0 votes4 answers -
высота адаптивного слайдера
ребят, помогите пожалуйста уменьшить высоту слайдов адаптивного слайдера, если это вообще возможно сейчас на страничке высота слайда 395px, а нужно приблизительно 200px(+/-) я пробовал в фотошопе изменять размер исходных картинок, но высота слайда на странице от этого не изменилась
0 votes2 answers -
Высота блока
Такое дело, делаю два флоатовых блока, первый с резиновой высотой, второй тоже, и нужно чтобы второй блок был на постой с высотой 50% от первого
0 votes7 answers -
Высота блока
Добрый вечер. Столкнулся с такой проблемой при верстки шаблона. Мне нужно сделать чтоб высота блоков не зависила от содержимого. Тут можно посмотреть саму проблему. http://www.multicom.ee/sm/ Мне нужно чтобы Блоки шли до футера. Помогите советом , буду очень благодарен.
0 votes9 answers -
Высота блока
Делаю комментарии на сайте. Каждые 30 комментариев открывается вниз(типо страницы). Так вот проблема в следующем. Надо изменять высоту блока,где будет располагаться блок с комментариями. Как я делаю. С помощью яваскрипт всовываю все коммент. в блок с Ид=homeInfoMan ,потом узнаю высоту этого блока,который находится в основном блоке home .Возникает проблема var heightInfoManCom=document.getElementById("homeInfoMan").style.height; всегда равно нулю. Почему ?!
0 votes3 answers -
Высота блока
На сайте центральный блок почему то очень нижний,он стаёт нормальной высоты только когда ставишь clear:both но тогда не нажимается кнопка подробнее в правом блоке.
0 votes1 answer -
Высота блока
Есть такая навороченная страница http://fluke-rf.ru/index.php?id=3 Проблема в том, что серые блоки разной высоты, и если внутри блока почти нет текста - блоки начинают некрасиво налазить друг на друга. Подскажите, как справиться и сделать так, чтобы блоки не наезжали?
0 votes2 answers -
Высота блока
Здравствуйте. Подскажите пожалуйста css свойство, которое поможет расстянуть блок по высоте, в котором вложены "плавующие" элементы. Подробнее на скриншоте: http://itmages.ru/image/view/1430842/d7404e73 Код: http://jsfiddle.net/atemiks/sf4Gh/1/
0 votes7 answers -
Высота блока
Крч пытаюсь отредачить фотку на сайте, типо размер и положение, в html добавил <div class="Launcher"> <img src="assets/images/Launcher.png"> </div> дальше захожу в css и пытаюсь отредачить с помощью .Launcher {width: 100px;} Ну ничего не выходит, не хейтите впервые сайт делаю, Что я делаю не так друзья?
0 votes2 answers -
Высота блока (Использование вложенных слоев)
Подскажите как задать высоту блока с использованием вложенных слоев и чтобы без скролла было. Вот что имею, а скролл все равно есть: <!DOCTYPE HTML> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>Высота блока</title> <style type="text/css"> html, body { height: 100%; /* Высота родителя */ margin: 0; /* Убираем отступы у страницы */ } .layer {height:100%; } .layer div{ height: 100%; /* Высота */ background: #fc0; padding: 20px; border: 1px solid #000; } </style> </head> <body> <div class="layer"> <d…
0 votes5 answers
-
Обсуждения
-
Актуальные контакты: 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/. Типовые приемы и нестандартные на все случаи жизни. Накидайте ссылок. -
By Katerina23 · Posted
Да, подходит. Спасибо. -
<input type="number"> -
By Katerina23 · Posted
Здравствуйте, подскажите какой тег использовать для увеличения значения, пример на картинке. Вроде, про такой тег я слышала. Если есть тег прогресс бар, значит и такое должно быть.
-