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
-
Ширина <select>
Нужно вывести список <select>. <select> <option>Пункт 1</option> <option>Пункт 2. Ооооооооооооооооооооооочень длинное наименование</option> </select> Из-за второго пункта ширина элемента формы получается длинее видимой ширины в браузере, соответсвенно шаблон сайта съезжает и получается черти что... Подскажите, как принято решать такие проблемы?
0 votes4 answers -
Ширина 100%
есть сайт http://skrypalej.net/ , Как видите при расширении 1024x786 все нормально - http://img716.imageshack.us/img716/9564/11477702.png , но если больше тогда фон правой колонки автоматически неувеличивается , перепробовал все способы которые знаю, картинка и впредь не розшираеться при большом екране - http://img109.imageshack.us/img109/1498/59495913.png Html и Css нету смисла викладивать ,можно посмотреть на сайте!!!!
0 votes14 answers -
Ширина 2 div (fixed + float)
Нужно разместить 2 блока в контейнере. Требуется правый блок фиксированной ширины, а левый - вся остальная ширина. Сделал вот так: <style> #container { width: 100%; margin: 0 auto; overflow: hidden; } #lbody { float: left; width: 70%; } #rbody { float: right; width: 30%; min-width: 220px; } </style> <div id='container'> <div id='lbody'>...</div> <div id='rbody'>...</div> </div> Проблема в том, правый блок уходит под левый, приходится уменьшать ширину левого на пару процентов, чтобы разместились нормально. Смотрел в FF, Что в стилях не так? Firebug ничего крамольного не нашёл Спасибо.
0 votes3 answers -
Ширина 3-ей колонки
Вот есть у меня главный слой. В нём 3 колонки, 2 заданной ширины, а 3-я что бы сама растянулась на оставшееся место, а как - подскажите. Параметр height: 100% только переносит колонку на новую строку и растягивает во всю ширину главного слоя. height: auto растягивает колонку в зависимости от содержимого. А больше я незнаю чего бы применить.
0 votes3 answers -
Ширина body в IE и других браузерах
Добрый день! Подскажите пожалуйста - необходимо использовать следующий стиль: body { ... margin-left:auto; margin-right:auto; width:900px; ... } В FF, Chrome, Opera и Safari проблем нет, все как надо, а в IE body растягивается на ширину всего экрана. Есть ли какая-нибудь возможность это сделать? Заранее спасибо!
0 votes4 answers -
Ширина div
Доброго времени суток всем! Простите за глупый вопрос, но не могу вспомнить вот такую вещь. Как сделать чтобы ширина блока div не занимала всю ширину страницы, а увеличивалась по мере наполнения блока?
0 votes4 answers -
ширина div в ie6 другая
Три колонки дивами. 280px+270px+250px (итого 800px). В IE6 третий див (#header-center) переноситься на новую строку. Если уменьшить width любого из дивов на 6px, то всё помещаеться. Т.е., я так понял, на каждую сторону из дивов уходит по 1px (маржинов и паддингов у этих дивов нет) вот код: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <div id="header"> <div id="header-left"> </div> <!-- #menu--> <div id="header-right"> </div> <!-- foto --> <div id="header-center"> </div> <!-- #цитата--> </div><!-- #header--> …
0 votes9 answers -
Ширина DIV в IE7 меньше чем ширина вложенного контента
Вот страница: http://bit.ly/j7tBui Рассматриваем верхнее горизонтальное меню с выпадающими списками. В IE7 ширина выпадающего блока меньше (судя по всему в два раза) чем ширина вложенного контента. И этот контент соответственно выезжает за пределы блока. Нужно сделать чтобы этот div был шириной 207px как и ширина контента.
0 votes1 answer -
Ширина div в процентах, как сделать такую же высоту?
Здравствуйте, есть такая часть макета: https://yadi.sk/i/P61hKvSyeZaHs Хочется сделать ее адаптивной, поэтому делаю такую верстку: http://jsfiddle.net/pv6ektx0/ Но вот проблема в том, что нужно задать высоту блока без картинки такую же, как и его ширина, не подскажите как это сделать? если возможно, то желательно без JS, но это не критично.
0 votes10 answers -
Ширина div по доступному содержимому
Где не спроси, везде на вопрос "почему нельзя использовать табличную верстку" ответят, мол с блоками html чище, да и вообще, что нельзя сделать используя блоки? Вопрос, есть к примеру вот такой код: div { width: 600px }span, input { display: inline-block }<div> <span class="lable">Имя</span> <input type="text" value=""> <br /> <span class="lable">Фамилия</span> <input type="text" value=""></div>Элемент span может менять свое содержимое, соответственно и собственную ширину, следовательно, что бы две строки с элементами span и input имели одинаковую ширину необходимо задать поведение для input. С одной сторон…
0 votes3 answers -
Ширина DIV по ширине внутренних блоков
Вопрос наверное глупый, но всё же... Есть DIV заданной ширины, внутри него есть DIV контейнер, внутри контейнер располагается некоторое число блоков (неизвестное) заданной ширины. Задача: сделать контейнер равный ширине содержащихся внутри него блоков (включая margin и padding), проще говоря, нужно растянуть контейнер горизонтально по содержимому, которым являются блоки фиксированной ширины. В реальности нужно для следующего. Галерея. Cписок картинок. Если вход выполнен под суперюзером, под картинками появляется блок управления из иконок (иконки выполнены как <a href="" style="display: block; width:20px; height: 20px; background: transparent url('img/icon.gif') 0 -100;…
0 votes55 answers -
Ширина div при разном разрешении
Подскажите пожалуйста как средствами CSS сделать чтобы блок div при разрешении 1024 отображался с шириной 140px; а при разрешении больше - отображался 259px; Спасибо.
0 votes1 answer -
Ширина div увеличивается на padding
Добрый день! не могу понять почему ширина слоя увеличивается когда я хочу сделать отступ слева, т.е. использую padding-left? код в станички: <div id="page"> <div id="header"><h1>header</h1> </div> <div id="content"><h1>content</h1> </div> <div id="footer_guarantor"><h1>footer guarantor</h1></div> </div> <div id="footer"> <span> © 2003-2010 Евгений Володин<br /> Техническая поддрежка <a href="http://www.prokopov-nikolai.ru" >Прокопов Николай</a> </span> </div> стили: * { margin: 0; padding: 0; border: 0; font-family:Tahoma, Geneva, …
0 votes3 answers -
Ширина div-блоков в зависимости от текста и оставшегося места
В общем шапка из div-блоков. Большинство из них фиксированного размера (логотип, иконки, кнопки и т.д.), один блок меняет свою ширину в зависимости от текста (выводится дата с неделей), и ещё один блок (поиска) должен занимать оставшееся в шапке место. Перепробовал несколько вариантов: с установкой ширины, display, overflow и т.п. - не получается. Видимо, что-то делаю не так. Так выглядит шапка сейчас: http://storage5.static.itmages.ru/i/14/0828/h_1409229676_8871523_4e832bdf38.png Выдернул код, вроде ровно: http://jsfiddle.net/yhp7ersp/ Содержимое блоков заменил на произвольные картинки, чтобы было понятнее. Нужно, чтобы блок с датой оставался без фиксированной ширины (…
0 votes1 answer -
Ширина DIV'а
Суть проблемы: есть div-контейнер, внутри него расположен другой div, ширина которого может превышать ширину окна браузера. Ширина div-контейнера при этом остается равной ширине окна браузера. В результате, когда крутишь горизонтальный скроллинг, div-контейнер обрывается и получается некрасиво. Заранее спасибо. Пример: <html> <body> <div style="background: red;"> test <div style="background: green; width: 2000px;"> test </div> </div> </body> </html>
0 votes8 answers -
Ширина DIVa лесенкой
Переделываю дизайн для Wordpress. И появилась проблема. Первая картинка, скриншот того, как есть в ленте сообщение: После перехода на страинцу, что бы прочитать статью полностью выходит это. Проблемный сайт:
0 votes4 answers -
Ширина input
Есть элемент input на странице обвернутый в div: <div id="main-image"> <input id="fileupload" type="file" name="fileUpload[]" data-url="/file/upload-image"> </div> Со стилями для всего этого добра: #main-image { border: 1px dashed #b3b3b3; width: 280px; height: 200px; } #fileupload { position: relative; right: 0px; top: 0px; font-family: Arial; font-size: 118px; margin: 0px; padding: 0px; cursor: pointer; opacity: 0; height: 100%; width: 100%; } Потом выбраный файл хендлится при помощи jquery file upload. Вопрос. У меня область в котором я попадаю на инпут значительно больше, хотя через…
0 votes3 answers -
ширина Input внутри div
Добрый день подскажите как мне "уложить" input в div так чтоб не появилась полоса прокрутки у внешнего контейнера <div style="width: 100px; overflow: auto;"> <div style="padding:2px; width:100%; background-color:red;"> <input type="text" style="width:100%" /> </div> </div> в данном случае мешает border у input который не берется в расчет при ширине в 100% Доктайп <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> Спасибо!
0 votes12 answers -
Ширина Option vc IE
приветствую. такой трабл.. есть select с фиксированной шириной любой браузер содержащиеся в нем оптионы растянет на ширину текста. конешно же кроме IE. таблетку против ИЕ6 нашел: <style> behavior:expression(window.dropdown_menu_hack!=null?window.dropdown_menu_hack(this):0); </style> но в ИЕ7 оно уже несрабатывает ((( у когото есть соображения?!
0 votes5 answers -
Ширина viewport в iOS при смене ориентации экрана
В браузере под iOS, одинаковая ширина вьюпорта при портретной и ландшафтной ориентации. Из-за этого в ландшафтной ориентации страница просто увеличивается и выглядит плохо. Как сделать чтобы вьюпорт изменялся?
0 votes6 answers -
Ширина абзаца в ячейке таблицы
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> … <style> .first {width: 44%; padding: 0 4% 0 6%;} .second {width: 42%; padding: 0 4% 0 0;} </style> … <table width="100%" border="0" cellpading="0" cellspacing="0"> <tr> <td class="first">Длинный текст</td> <td class="second">Текст</td> </tr> </table> IE8 отрисовывает текст первой ячейки за пределы онной. Как побороть, если паддинг нужен?
0 votes2 answers -
Ширина абсолютно-спозиционированного элемента в IE6
В IE6 абсолютно-спозиционированный элемент с width:100%, вместо того, чтобы занять 100% ширины родительского блока, занимает 100% ширины прародительского. В остальных бразузерах, втч. в IE7, все ок. Если убрать у родительского блока float, и задать конкретный размер, тогда все ок. Но так не пойдет, т.к. блок может быть совершенно разной ширины. Прикладываю архив с примером. В общем-то, может кто сталкивался и знает обходные пути. http://slil.ru/26502035
0 votes3 answers -
Ширина абсолютного блока зависящая от контента
Дорбого дня уважаемые коллеги. Столкнулся с очень интересным вопросом. Есть врапер - с pos: relative, внутри него список (pos: absolute) и в LI находится еще один выпадающий список (pos: absolute). Он находится ровно справа левого блока. За врапером. Внутри него также есть LI с контентом. У него задана min-width и height. Демонстрация: https://jsfiddle.net/ox7cvj32/1/ Хочу, чтобы при достижении такого количества контента, которое превышает высоту данного списка, его ширина увеличивалась и контент просто шел другой колонкой. Есть вариант сделать: column-count и его производными, но нужно сразу указать количество столбцов. Мне же нужно, чтобы было динамически…
0 votes2 answers -
Ширина блока в IE
У меня возникла проблема с шириной блоков в сайтбаре. В IE они почему то намного шире, чем нужно. На изменение ширины IE не реагирует. Не могу понять, с чем это связано. Для простоты, я вынесла код сайтбара отдельно: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251"> <title></title> <style type="text/css"> body { margin-left:auto; margin-right:auto; width: 100%; height: 100%; background-color: #fff; } #sidebar { float: left; width: 405px; font: normal 12px/18px "Cen…
0 votes4 answers -
Ширина блока в зависимости от соседнего
Доброго времени суток всем форумчанам. Есть 2 блока, в левом располагается цена, в правом опции заказа товара и сама кнопка заказа. Как задать изменение ширины правого блока в зависимости от того, какое число в блоке с ценой (соответственно от числа и кол-ва цыфр в нем меняется его шырина) Постарался понятно изобразить это на рисунке ниже. Спасибо за ответы!
0 votes4 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
Здравствуйте, подскажите какой тег использовать для увеличения значения, пример на картинке. Вроде, про такой тег я слышала. Если есть тег прогресс бар, значит и такое должно быть.
-