Jump to content

HTML Coding

Subforums

  1. Discussion of works

    Source code audit and recommendations

    30.1k
    posts

  2. Practise Templates

    Templates for self education and practise

    1k
    posts

Explore Questions

There are no popular questions to show right now

  1. Вёрстка футера на движке Xenforo

    Asked by Mondeus,

    0 votes
    0 answers

  2. Примеры верстки

    Asked by torsar,

    0 votes
    0 answers

  3. Список покидает див

    Asked by DeZ,

    0 votes
    0 answers

  4. Проблема с шириной ячеек

    Asked by ArrogantSpectator,

    0 votes
    1 answer

  5. Html кнопка

    Asked by НикитаL,

    0 votes
    3 answers

29,542 questions in this forum

  1. Ширина <select>

    Нужно вывести список <select>. <select> <option>Пункт 1</option> <option>Пункт 2. Ооооооооооооооооооооооочень длинное наименование</option> </select> Из-за второго пункта ширина элемента формы получается длинее видимой ширины в браузере, соответсвенно шаблон сайта съезжает и получается черти что... Подскажите, как принято решать такие проблемы?

    Asked by ernest,

    0 votes
    4 answers

  2. Ширина 100%

    есть сайт http://skrypalej.net/ , Как видите при расширении 1024x786 все нормально - http://img716.imageshack.us/img716/9564/11477702.png , но если больше тогда фон правой колонки автоматически неувеличивается , перепробовал все способы которые знаю, картинка и впредь не розшираеться при большом екране - http://img109.imageshack.us/img109/1498/59495913.png Html и Css нету смисла викладивать ,можно посмотреть на сайте!!!!

    Asked by Mr.Black,

    0 votes
    14 answers

  3. Ширина 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 ничего крамольного не нашёл Спасибо.

    Asked by Raynor,

    0 votes
    3 answers

  4. Ширина 3-ей колонки

    Вот есть у меня главный слой. В нём 3 колонки, 2 заданной ширины, а 3-я что бы сама растянулась на оставшееся место, а как - подскажите. Параметр height: 100% только переносит колонку на новую строку и растягивает во всю ширину главного слоя. height: auto растягивает колонку в зависимости от содержимого. А больше я незнаю чего бы применить.

    Asked by Yahoo!,

    0 votes
    3 answers

  5. Ширина body в IE и других браузерах

    Добрый день! Подскажите пожалуйста - необходимо использовать следующий стиль: body { ... margin-left:auto; margin-right:auto; width:900px; ... } В FF, Chrome, Opera и Safari проблем нет, все как надо, а в IE body растягивается на ширину всего экрана. Есть ли какая-нибудь возможность это сделать? Заранее спасибо!

    Asked by Solyanik,

    0 votes
    4 answers

  6. Ширина div

    Доброго времени суток всем! Простите за глупый вопрос, но не могу вспомнить вот такую вещь. Как сделать чтобы ширина блока div не занимала всю ширину страницы, а увеличивалась по мере наполнения блока?

    Asked by Flex,

    0 votes
    4 answers

  7. ширина 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--> …

    Asked by Chebas,

    0 votes
    9 answers

  8. Ширина DIV в IE7 меньше чем ширина вложенного контента

    Вот страница: http://bit.ly/j7tBui Рассматриваем верхнее горизонтальное меню с выпадающими списками. В IE7 ширина выпадающего блока меньше (судя по всему в два раза) чем ширина вложенного контента. И этот контент соответственно выезжает за пределы блока. Нужно сделать чтобы этот div был шириной 207px как и ширина контента.

    Asked by sholkyman,

    0 votes
    1 answer

  9. Ширина div в процентах, как сделать такую же высоту?

    Здравствуйте, есть такая часть макета: https://yadi.sk/i/P61hKvSyeZaHs Хочется сделать ее адаптивной, поэтому делаю такую верстку: http://jsfiddle.net/pv6ektx0/ Но вот проблема в том, что нужно задать высоту блока без картинки такую же, как и его ширина, не подскажите как это сделать? если возможно, то желательно без JS, но это не критично.

    Asked by Inf1n1tI,

    0 votes
    10 answers

  10. Ширина 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. С одной сторон…

    Asked by Aroused,

    0 votes
    3 answers

  11. Ширина DIV по ширине внутренних блоков

    Вопрос наверное глупый, но всё же... Есть DIV заданной ширины, внутри него есть DIV контейнер, внутри контейнер располагается некоторое число блоков (неизвестное) заданной ширины. Задача: сделать контейнер равный ширине содержащихся внутри него блоков (включая margin и padding), проще говоря, нужно растянуть контейнер горизонтально по содержимому, которым являются блоки фиксированной ширины. В реальности нужно для следующего. Галерея. Cписок картинок. Если вход выполнен под суперюзером, под картинками появляется блок управления из иконок (иконки выполнены как <a href="" style="display: block; width:20px; height: 20px; background: transparent url('img/icon.gif') 0 -100;…

    Asked by AKyHuH,

    0 votes
    55 answers

  12. Ширина div при разном разрешении

    Подскажите пожалуйста как средствами CSS сделать чтобы блок div при разрешении 1024 отображался с шириной 140px; а при разрешении больше - отображался 259px; Спасибо.

    Asked by tarkinsky,

    0 votes
    1 answer

  13. Ширина 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, …

    Asked by Prokopov Nikolai,

    0 votes
    3 answers

  14. Ширина div-блоков в зависимости от текста и оставшегося места

    В общем шапка из div-блоков. Большинство из них фиксированного размера (логотип, иконки, кнопки и т.д.), один блок меняет свою ширину в зависимости от текста (выводится дата с неделей), и ещё один блок (поиска) должен занимать оставшееся в шапке место. Перепробовал несколько вариантов: с установкой ширины, display, overflow и т.п. - не получается. Видимо, что-то делаю не так. Так выглядит шапка сейчас: http://storage5.static.itmages.ru/i/14/0828/h_1409229676_8871523_4e832bdf38.png Выдернул код, вроде ровно: http://jsfiddle.net/yhp7ersp/ Содержимое блоков заменил на произвольные картинки, чтобы было понятнее. Нужно, чтобы блок с датой оставался без фиксированной ширины (…

    Asked by Skyrazor,

    0 votes
    1 answer

  15. Ширина DIV'а

    Суть проблемы: есть div-контейнер, внутри него расположен другой div, ширина которого может превышать ширину окна браузера. Ширина div-контейнера при этом остается равной ширине окна браузера. В результате, когда крутишь горизонтальный скроллинг, div-контейнер обрывается и получается некрасиво. Заранее спасибо. Пример: <html> <body> <div style="background: red;"> test <div style="background: green; width: 2000px;"> test </div> </div> </body> </html>

    Asked by yurikzmurik,

    0 votes
    8 answers

  16. Ширина DIVa лесенкой

    Переделываю дизайн для Wordpress. И появилась проблема. Первая картинка, скриншот того, как есть в ленте сообщение: После перехода на страинцу, что бы прочитать статью полностью выходит это. Проблемный сайт:

    Asked by NoobDiv,

    0 votes
    4 answers

  17. Ширина 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. Вопрос. У меня область в котором я попадаю на инпут значительно больше, хотя через…

    Asked by spolischook,

    0 votes
    3 answers

  18. ширина 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"> Спасибо!

    Asked by jetli13,

    0 votes
    12 answers

  19. Ширина Option vc IE

    приветствую. такой трабл.. есть select с фиксированной шириной любой браузер содержащиеся в нем оптионы растянет на ширину текста. конешно же кроме IE. таблетку против ИЕ6 нашел: <style> behavior:expression(window.dropdown_menu_hack!=null?window.dropdown_menu_hack(this):0); </style> но в ИЕ7 оно уже несрабатывает ((( у когото есть соображения?!

    Asked by klierik,

    0 votes
    5 answers

  20. Ширина viewport в iOS при смене ориентации экрана

    В браузере под iOS, одинаковая ширина вьюпорта при портретной и ландшафтной ориентации. Из-за этого в ландшафтной ориентации страница просто увеличивается и выглядит плохо. Как сделать чтобы вьюпорт изменялся?

    Asked by exeto,

    0 votes
    6 answers

  21. Ширина абзаца в ячейке таблицы

    <!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 отрисовывает текст первой ячейки за пределы онной. Как побороть, если паддинг нужен?

    Asked by psworld,

    0 votes
    2 answers

  22. Ширина абсолютно-спозиционированного элемента в IE6

    В IE6 абсолютно-спозиционированный элемент с width:100%, вместо того, чтобы занять 100% ширины родительского блока, занимает 100% ширины прародительского. В остальных бразузерах, втч. в IE7, все ок. Если убрать у родительского блока float, и задать конкретный размер, тогда все ок. Но так не пойдет, т.к. блок может быть совершенно разной ширины. Прикладываю архив с примером. В общем-то, может кто сталкивался и знает обходные пути. http://slil.ru/26502035

    Asked by Kolridg,

    0 votes
    3 answers

  23. Ширина абсолютного блока зависящая от контента

    Дорбого дня уважаемые коллеги. Столкнулся с очень интересным вопросом. Есть врапер - с pos: relative, внутри него список (pos: absolute) и в LI находится еще один выпадающий список (pos: absolute). Он находится ровно справа левого блока. За врапером. Внутри него также есть LI с контентом. У него задана min-width и height. Демонстрация: https://jsfiddle.net/ox7cvj32/1/ Хочу, чтобы при достижении такого количества контента, которое превышает высоту данного списка, его ширина увеличивалась и контент просто шел другой колонкой. Есть вариант сделать: column-count и его производными, но нужно сразу указать количество столбцов. Мне же нужно, чтобы было динамически…

    Asked by Velidan,

    0 votes
    2 answers

  24. Ширина блока в 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…

    Asked by Mila,

    0 votes
    4 answers

  25. Ширина блока в зависимости от соседнего

    Доброго времени суток всем форумчанам. Есть 2 блока, в левом располагается цена, в правом опции заказа товара и сама кнопка заказа. Как задать изменение ширины правого блока в зависимости от того, какое число в блоке с ценой (соответственно от числа и кол-ва цыфр в нем меняется его шырина) Постарался понятно изобразить это на рисунке ниже. Спасибо за ответы!

    Asked by Elveren,

    0 votes
    4 answers

  • Обсуждения

    • Mondeus
      Вёрстка футера на движке Xenforo

      By Mondeus · Posted

      Доброго всем времени суток. Прошу помощи. Научите принципу изменения футера. Движок 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 } }  
    • torsar
      Примеры верстки

      By torsar · Posted

      Нужны сайты с примерами верстки, типа https://css-tricks.com/. Типовые приемы и нестандартные на все случаи жизни. Накидайте ссылок.
    • Katerina23
      Какой тег использовать, чтобы увеличивать число кнопками вверх-вниз?

      By Katerina23 · Posted

      Да, подходит. Спасибо.
    • Switch74
      Какой тег использовать, чтобы увеличивать число кнопками вверх-вниз?

      By Switch74 · Posted

      <input type="number">
    • Katerina23
      Какой тег использовать, чтобы увеличивать число кнопками вверх-вниз?

      By Katerina23 · Posted

      Здравствуйте, подскажите какой тег использовать для увеличения значения, пример на картинке. Вроде, про такой тег я слышала. Если есть тег прогресс бар, значит и такое должно быть.
    • DeZ
      Список покидает див

      By DeZ · Posted

      Решение нашел.  Заменил на  Всем привет. Список выходит из дива. При этом, другие элементы в диве отображаются корректно. Не могу найти причину. Нужно чтобы список был под кнопкой ПЛЕЙ...          
    • AIek
      ищу клиентов,услуги

      By AIek · Posted

      Здравствуйте! Мы команда программистов с многолетним опытом разработки. Работая с нашей командой, Вы получаете порядок условий и развитие с обеих сторон: разработка проекта и продолжение сотрудничества на долгосрочной основе, так же специалисты всегда готовы предложить различные идеи и дополнения.  Разрабатываем проекты любой сложности: скрипты для автоматизации рутины, боты, сайты, админ панели, ico, ldo, разработка криптовалюты, смарт контракты, приложения, игры. Ответственность, качество, соблюдение дедлайнов - это про нас!  Наш контакт:  https://t.me/MadFury (https://t.me/madfury) (TG) TG:  https://t.me/2e7.io Сайт: https://code-r.io/
×
×
  • 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

  I accept