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
29542 questions in this forum
-
Плавающие блоки
Есть следующие блоки: http://lob1.ru/examples/block/1/ Вопрос: как сделать, чтобы было http://lob1.ru/examples/block/2/, но при этом высота блока будет неизвестна?
0 votes22 answers -
Плавающие блоки
_http://sko.10401.aqq.ru Чо-то я туплю. См. блок под менюшкой. Почему article.post (зелёная рамочка) не сдвигается вверх?
0 votes3 answers -
плавающие блоки
верстаю сайт, нужно сделать так пока получилось вот так как сделать чтоб отступа не было? обозначено на картинке HTML <div class="section_site"> <h3>С праздником!</h3> <a href="#">Новый год</a><a href="#">8 марта</a><a href="#">День армии</a><a href="#">День Конституции</a><a href="#">Пасха</a><a href="#">День Благодарения</a><a href="#">Новый год</a><a href="#">8 марта</a><a href="#">День армии</a><a href="#">День Конституции</a><a href="#">Пасха</a> </div> …
0 votes2 answers -
Плавающие блоки
Здравствуйте. Возникла необходимость, сделать следующее: 3 колонки растянуты по ширине экране, реализуется это таким образом .column1 { float:left; width: 33%; } .column2 { float:left; width: 33%; } .column3 { float:left; width: 33%; } <div class="column1"> <p>There is one universal truth in website making: To make a websitet...</p> </div> <div class="column2"> <p> If you're like the vast majority of people thinking ...</p> </div> <div class="column3"> <p>There is one universal truth in website...</p> </div> Пример http://www.zvirec.co...l/primer20.html А теперь необходимо сделать, так, что бы при…
0 votes2 answers -
Плавающие блоки
Нужно сделать так что бы блок main был резиновым но при этом обтекал справа. код ниже http://jsfiddle.net/PMJqZ/ очередность блоков не должна меняться.
0 votes5 answers -
Плавающие блоки - стыковка
Пытаюсь сделать блоки шириной 50%, 1\3 (т.е. 33%) и 2\3 (т.е. 67%) Соответственно блоки 50% только между собой вставляются (лефт и райт) А блоки 1\3 и 2\3 компонуются между собой (лефт и райт) Проблема в следующем: почему-то после первого "третичного" блока перестает воспринимать стили... ошибку увидеть сам не могу Исходник 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> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>Untitled Document</title> <link rel="stylesheet" rev="st…
0 votes4 answers -
Плавающие блоки выходят за пределы родительского
Всем привет! Вопрос может слишком просто но все же! У меня есть родительский блок в котором 2 плавающих блока (float:left) как мне сделать так что бы они не вылазили за пределы родительскго. Т.е что бы при увеличении вложеных блоков увеличивался и родительский! Я знаю что можно использовать свойство clear: both. Но это свойство должно не родителю! В общем у меня чего то не получается!
0 votes4 answers -
Плавающие блоки неопределенной высоты
работаю над галереей, разрезинил div c изображениями добавив float:left все прекрасно но некоторые блоки с изображениями имеют разную высоту (ширина всегда одинаковая) и так получается что последующий блок зацепляется за самый высокий предыдущий блок, и выглядит не красиво((( Во вложении пример: взглянуть можно тут: http://wfi.lomasm.ru/русский.галерея если смотреть При разных разрешениях особенно заметно Требуется насильно держать плавающие блоки на одной строке: Как лучше это сделать? 1) javascript выставить всем блокам в одной строке высоту максимально высокого блока? 2) или как-то можно разрулить при помощи CSS, пока не въехал как.... Ищется самое простое …
0 votes2 answers -
Плавающие дивы
возможно ли какнить сделать чтобы синий и жёлтый див спускалися также по тексту как и зеленый,но не фон дива в которых эти 3 дива?
0 votes4 answers -
ПЛАВАЮЩИЕ КАРТИНКИ
Помогите, пожалуйста Не получается сделать так чтобы при уменьшении окна картинки выравнивались в столбец Ведь как-то можно сделать :/ вот эта страничка: http://one-gi.ru.terra.mtw.ru/test/
0 votes3 answers -
Плавающие слои друг под другом
Столкнулся с проблемой, не могу найти решение. Есть три слоя, располагающиеся в ряд (float: left). Ширина определена, а высота по контенту. При сжатии окна браузера, слой 3 не помещается в область просмотра, и должен перемещаться на строку ниже. Но слой 1 выше остальных, и слой 3 оказывается не в начале, а справа от слоя 1, что конечно является нормальным поведением. Но существует ли способ расположить третий слой под первым? Код: <head> <style> .container { float: left; width: 100%; background-color: gray; } .a { float: left; width: 100px; color: #fff; background-color: #000; margin: 10px…
0 votes4 answers -
Плавающие элементы "плывут" :)
Обнаружил такую проблему. При уменьшении (иногда увеличении) размеров страницы через Ctrl +/- элементы, у которых задано правило float (пункты меню и не только) начинают "плыть". Для ясности приложу пару скринов. Если будет нужно - выложу код. Версткой занимаюсь недавно, поэтому взываю о помощи Раз двас
0 votes6 answers -
Плавающие элементы вразнобой
Здравствуйте! Плавающие элементы (список товаров) на этой странице: http://ums-shop.com.ua/store/electrical-equipment/navigation-lights/ идут вразнобой. Явно из-за того, что у одного элемента название состоит из одной строки, у другого - из двух. Подскажите, пожалуйста, как сделать так, чтобы элементы выстраивались четко по рядам. Заранее благодарю.
0 votes3 answers -
Плавающий % DIV с min-width для IE6
Возникла такая проблема, вот код <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html> <head> <title></title> <style> #wrapper { height: 100px; background: silver; width: 70%; min-width: 1000px; margin: 0 auto; } </style> <!--[if IE 6]> <style type="text/css"> * html #wrapper { width:expression( (document.compatMode && document.compatMode == 'CSS1Compat') ? ( this.clientWidth < 1000 ? "1000px" : ( "auto" ) ) : ( this.clientWidth &…
0 votes22 answers -
Плавающий background
Привет, как реализуется плавающий background img, например как на http://air-plane.by (это не реклама)?
0 votes1 answer -
Плавающий div не растягивает родительский.
<html> <head> <title></title> <style type="text/css"> html, body { height: 100%; border: dotted 2px red; } body { border-color: green; margin: 0; } div { border-width: 1px; border-style: solid; } div.main { padding: 120px 0px 120px 0px; border-color: red; } div.menu { border-color: blue; width: 25%; float: left; } div.content { border-color: green; float: left; width: 74%; } </style> </head> <body> <div class="main"> <div class="menu"> Пункт<br />Пункт<br />Пункт<br />Пункт<br />Пункт<br />Пункт<br /> </div> <div class="content"&…
0 votes7 answers -
Плавающий div не сдвигает таблицу
Добрый день. Потратил целый день и не могу решить вопрос. Есть див с картинкой который float также на странице есть формула оформленная как таблица с шириной 100% так вот эта таблица не уменьшается по ширине и просто на странице появляется пустое пространство. Пример можно посмотреть здесь. Пробовал крутить разные свойства таблицы, но не смог добиться чтобы она меняла свою ширину под плавающий див. Может кто подскажет как правильно оформить формулу чтобы она отображалась как в таблице, но при вставки плавающего блока меняла ширину. Спасибо.
0 votes2 answers -
Плавающий блок
Плавающий блок налезает на фоновое изображение родителя, которое находится внизу страницы. Предполагаю, что можно в скрипте задать определенное условие, которое не даст плавающему блоку опуститься на высоту фонового изображения, но совсем не силен в jquery. Есть мнения, что можно с этим делать? http://jsfiddle.net/CrUKh/
0 votes2 answers -
Плавающий блок не хочет плавать
Вот такая у меня проблема, здесь блок, который идет после блоков с контактами, вроде как должен быть плавающим и прижатся в правый верхний угол, но вместо этого сидит абсолютно не там. Помогите пожалуйста. Заранее благодарен
0 votes2 answers -
плавающий логотип
добрый день прошу совета, как реализовать такое желание заказчика: после загрузки страницы логотип сайта, переливаясь и немного увеличиваясь в размере, плавно движется вверх-вниз и возвращается обратно прокрутка страницы и ссылки (если логотип не сверху) должны работать как обычно 1) что нужно от дизайнера? какие требования? 2) есть ли какие-то наработки, готовые модули и куда вообще копать?
0 votes2 answers -
Плавающий тег
Доброго времени суток. Нужна помощь в решении одной задачки. И так. Есть блок фиксированной ширины и высоты, внутри него находится тег <img>, размеры которого могут изменятся в зависимости от размеров изображения, но при этом тег <img> всегда должен находится строго в центре блока.
0 votes2 answers -
Плавающий фрейм
Здравствуйте Хотел спросить может кто знает, как сделать плавающий фрейм т.е iframe независящим от страницы в которой он расположен. Например чтобы содержание фрейма не обновлялось при обновлении самой страницы. Или кто может предложит свой вариант решения проблемы.
0 votes5 answers -
Плавающий фрэйм
Не нашел, как можно сделать так, чтоб при нажатии на ссылку в плавающем фрэйме - она загружалась в основном окне. :/
0 votes8 answers -
Плавная прокрутка блоков
Здравствуйте! Вот, пример сайта: http://fb7968tp.bget.ru/ 1. Подскажите, почему не работает плавная прокрутка блоков до якоря..что не так? скрипт: $(document).ready(function() { $(".nav li a").click(function() { elementClick=$(this).attr("href"); destination=$(elementClick).offset().top; $("body,html").animate({scrollTop:destination-58}, 900); }); });2 Подскажите, как сделать, чтобы при прокрутке до определенного якоря пункт меню становился активным? Спасибо.
0 votes7 answers -
Плавная прокрутка сайта
Не могу найти ответа, да и возможно ли? Как сделать чтобы сайт прокручивался плавно, в mozila такое есть если не ошибаюсь
0 votes2 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
Здравствуйте, подскажите какой тег использовать для увеличения значения, пример на картинке. Вроде, про такой тег я слышала. Если есть тег прогресс бар, значит и такое должно быть.
-