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. выступающая закладка

    Привет народ. Оч нужна помощь. Проблема с выступающей закладкой в меню. Нужно чтобы активное меню вылазило вверх на 3 пункта. Проблема решается добавлением position:relative; но при этом при изменении размеров окна в IE меню сдвигается. Если убрать position:relative; то в IE6 выступающей части не видно Помогите плиииизз решить эту проблему. Код прилагаю: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" lang="en"> <head> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251" /> <style> #Header { clear:both; float:left…

    Asked by Ladoga,

    0 votes
    5 answers

  2. Высший пилотаж CSS

    Доброго дня, Уважаемые! Наткнулся случайно на немецком сайте http://www.yaml.de на интересные вещи. Сразу скажу, некоторые я увидел впервые. (рекомендую скачать примеры с их же сайта (вс? бесплатно) Download YAML ) А вот то до чего у меня не доходит или я просто шокирован таким применением...: (куски из разных мест) body { background: #4d87c7 url("../../../images/bg_blue.gif") repeat-x top left fixed; padding: 10px 0; } */ !компактно #page_margins { min-width: 740px; max-width: 80em; margin: 0 auto; border: 0px #889 solid; } */mini-width - даже не видел в применении... #topnav { color: #aaa; background: transparent; } */ прозрачный? как? #nav_main ul li#current s…

    Asked by sl,

    0 votes
    12 answers

  3. Выталкивание элемента

    Есть контейнер с шириной 1366px, в нём блок с шириной 1170px. Чтобы сделать этот блок резиновым я делю 1170 на 1366 и получаю 86.65%. Но когда ставлю эту 86.65% ширину блоку, элементы в нём не помещаются... почему ведь ширина осталась той же самой? *{ margin:0; padding:0; box-sizing:border-box; } body{ width:1366px; } .q1{ width:370px; height:400px; background:black; float:left; margin-right:30px; } .q2{ background:red; width:85.65%; overflow:hidden; } .q1:last-of-type{ margin-right:0; } <body> <div class="q2"> <div class="q1"></div><div class="q1"></div><div class="q1"></div> </div> </body&gt…

    Asked by aqua.77,

    0 votes
    2 answers

  4. Вытеснить элемент из потока

    Здравствуйте. Подскажите пожалуйста. Есть основной елемент, который отпозиционирован абсолютно и его высота(top) меняется, то есть он едет вниз-вверх. Внутри него есть другой элемент, который так же отпозиционирован абсолютно, но у него есть координаты слева и сверху. Вопрос: как сделать так, чтоб изменения внешнего элемента, то есть его изменения координат сверху(top) не отоюражались на внутренем елементе, чтоб несмотря на то, что основной элемент меняет свое положение, - внутренний оставался постоянно на заданных координатах? <style> #main { position: absolute; width: 400px; } #elem { background: red; height: 100px; position: absolute; top: 300px; width…

    Asked by DarkKnight,

    0 votes
    16 answers

  5. Вытягивание div по высоте

    Здравствуйте, уважаемые форумчане! У меня возникла небольшая проблема при вёрстке сайта. У меня правый сайдбар получился в данный момент больше (по высоте) чем страница с контентом, а это не красиво. Как сделать так, чтобы фон страницы с контентом тянулся до футера? (и сайдбара в противоположном случае) Прикрепляю скриншот чтобы всё было предельно ясно и ссылку на сайт. (прячу под спойлер, т.к. скриншот большой.) Спасибо за уделённое время! P.s. я его ещё конечно не закончил и многое ещё предстоит поправить, но всё же если есть какие-то грубые ошибки - буду признателен если вы мне на них укажите. (валидатором проверял, вроде нормально: http://validator.w3....=Inline&…

    Asked by The Norb,

    0 votes
    3 answers

  6. Вытягивание контента по родителю

    Здравствуйте. Есть такая вот структура: <div id="middle"> <div id="container"> <div class="topangleline"></div> <div id="sideLeft"> <div class="leftcontent"> <div class="leftshadow"></div> <div class="rightshadow"></div> <div class="papirus"><img src="/img/papirus.gif" alt="" /></div> <div class="leftmenu"> <ul> <li><img src="/img/usor.png" alt="" /></li> {leftmenu} <li><img src="/img…

    Asked by prowoke,

    0 votes
    7 answers

  7. Вытянуть меню по ширине контейнера

    Привет всем. Есть менюшка обычная, горизонтальная <ul> <li><a href="#">Ссылка</a></li> <li><a href="#">Ссылка вторая</a></li> <li><a href="#">Ссылка третья</a></li> <li><a href="#">Ссылка четверная</a></li> <li><a href="#">Ссылка последняя</a></li> </ul> Как можно его растянуть на всю ширину родителя и чтобы все ссылки меню были по центру? не могу никак придумать. Т.е. как таблица растягивается и все ячейки занимают автоматическую ширину... Спасибо.

    Asked by dropoff,

    0 votes
    3 answers

  8. выхватывать текст из файла

    Здравствуйте, хочется исполнить следующий номер - на FTP закидывается текстовый файлик с постоянным именем (например news.html) а некая(стартовая) страница сайта подхватывает из него информацию(новости). новостной файлик мне видится в html'е потомучто там можно менять стили текта(цвет и пр) сейчас это выглядит так - мне подсказали код выглядит он так но вместо новости - на странице выводится только имя файла в виде ссылки- news - посмотреть на художества можно тут заранее прошу больно не пинать ибо я везде кругом новичек и на форуме и в html

    Asked by poipoi,

    0 votes
    6 answers

  9. выход margin за пределы блока

    объясните пожалуйста почему на страничке в блоке .must_read отступы margin-left (у ссылки первого элемента списка) и margin-right (у ссылки последнего элемента списка) скрываются правилом .must_read ul{ margin: 0 -5px; } по-моему этого не должно происходить потому что правило .must_read ul li{ width: 25%; } устанавливает строго определённую ширину блока. то есть те margin, про которые я писал выше, находятся внутри элементов списка

    Asked by cyklop77,

    0 votes
    4 answers

  10. Выход за рамки контейнера

    Здравствуйте! Подскажите, пожалуйста, как зеленый фон меню продлить вправо до упора. Пытался делать :after с абсолютным позиционированием с отрицательными значениями (как мне советовали на форуме). Но в таком случае появляется горизонтальный скрол... Верстка на bootstrap. http://html.skoba.com.ua/ Заранее благодарю за помощь!

    Asked by volshebnyi,

    0 votes
    11 answers

  11. Выход за рамки фиксированного блока

    Как-то по-дурацки тему назвал, но ничего лучше не придумал Картинка: Ширина страницы — фикс 960, но внутри есть резиновые блоки (на рисунке — сине зелёный блок). Контент этого блока находится в пределах фикса (синяя область), но его фон (зелёная область) продолжается до левого края. Я как-то не соображу никак, как это сделать нормально

    Asked by Gaspode,

    0 votes
    7 answers

  12. Выход за рамки экрана (паралакс)

    В общем все очень плохо. собсна страничка: http://xn—-ctbedgho0bcaadbcbkvjpe0dc6u.xn--p1ai/index_3.html весь ксс: http://xn—-ctbedgho0bcaadbcbkvjpe0dc6u.xn--p1ai/style11.css Стиль изначально не мой, вроде все подогнал и переделал под себя, но осталась последняя проблема: при зажатии левой кнопки или средней + движении мышки вправо - огромное полупустое пространство. (в изначальном варианте стиля с этой страницей - эта проблема существовала). overflow-x: hidden только скрывает бегунок. проблема кроется в этом куске: Каждый класс друг на друга влияет, не могу толком понять, что так сильно растягивает страницу. width: 165vw; дает сильный сдвиг. (что за vw кстати…

    Asked by Linblack,

    0 votes
    3 answers

  13. Выход текста за граници блока

    Не могу понять свою затупку, 2 дня назад работал с шаблоном сайта было все нормально. Сейчас текст выходит за граници блока как показанно на примере хотя должен переходить на новую строку. <!doctype html> <html> <head> <meta charset="windows-1251"> <link rel="stylesheet" type="text/css" href="styles/style.css"> </head> <body> <div id="stranica"> <div id="stranica1">sfsdfsfsfsdfsfsfsdfsfsfsdfsfsfsdfsfsfsdfsfsfsdfsfsfsdfsfsfsdfsfsfsdfsfsfsdfsfsfsdfsfsfsdfsfsfsdfsfsfsdfsfsfsdfsf </div> <div class="clr"></div> </div> </body> </html> #stranica { height: 1000px; width: 600px; float:…

    Asked by onhoric,

    0 votes
    2 answers

  14. Выход текста или таблицы за рамки первоначального блока

    Уже не в первый раз сталкиваюсь с подобной проблемой. Порой находил выход из ситуации с переразмещением некоторых блоков, а также добавлением новых. Но то было раньше, то были мои первые более менее на что-то похожие работы, впрочем, там было слишком много кода, причем лишнего, поскольку со временем я нашел более приемлемые варианты составления этих же шаблонов. На тот момент упор делался на общую картинку, а не на правильность составления кода, ну и все что с этим связано. Раньше сталкивался лишь с небольшой переделкой уже готовых и полноценных шаблонов, но не так давно решил заняться изучением самого процесса их создания, практически с нуля. Вот как сейчас. На данный мо…

    Asked by Guest,

    0 votes
    3 answers

  15. Выходит блок div

    Всем привет. Вот такая проблема. Вот исходники http://jsfiddle.net/sfF3Q Это в обычном разрешении http://s005.radikal.ru/i212/1311/30/423611e1d0a7.jpg А вот что происхожит если начинаю уменьшать ширину браузера http://i069.radikal.ru/1311/da/cf5db2c7b800.jpg http://s020.radikal.ru/i713/1311/18/1409257e1c6f.jpg http://s07.radikal.ru/i180/1311/d4/4f29203e482f.jpg ну и так далее В чем я ошибся ?

    Asked by WEB-best,

    0 votes
    4 answers

  16. Выходит за пределы

    Почему текст в диве с классом wrap выходит за пределы справа, padding 20px, это же значит что от каждого края по 20 пикселов http://cssdeck.com/labs/dlch9cbl

    Asked by rpmcmerphy,

    0 votes
    3 answers

  17. вычисление расстояния между слоями и относительно границ других элементов

    Сейчас я учусь верстать и пытаюсь сверстать данную форму http://htmlbook.ru/practical/poshagovaya-forma Я застрял на верстке шапки данной формы. Для верстки шапки я применил относительное позиционирование. А именно, проблема с вычислением размеров между слоями, относительно других слоев и т.д. Как именно правильно вычислять подобные размеры? Выкладываю результаты, того что у меня вышло. Все размеры вычислял наугад. Не могу же я постоянно угадывать размеры наугад. Верстаю с psd шаблона. Рисунки(блокнот, бутылка, бокал, тарелка) размещены криво относительно друг друга. Вот, результат на скриншоте. Выкладываю html и css код. Прошу помочь решить проблему. <!DOCTYPE HTML …

    Asked by mastermedia,

    0 votes
    0 answers

  18. вычисление ширины в ie6

    Почему-то, ie6 неправильно считает ширину блоков. В остальных браузерах нормально, в ie6 приходится использовать хак (( <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251" /> <style> html { width:100%; height:100%; } *{ margin: 0; padding: 0; border: 0; } body {font-size:10pt; font-family:Arial;background:#000;} .bot{ padding:0 10px; background:blue; height:56px; width:100%; } .clear {clear:both;} .center { background: red; width:95%; _width:94%; padding:20…

    Asked by Destrifer,

    0 votes
    7 answers

  19. Выявим ошибку вместе! (:

    Есть плагин jcarousel, уже весь мозг съел своими вопросами о нем, на форуме, но всё же вот он (надеюсь последний) вопрос. Нужно, чтобы было видно 3 с пункта меню и путём нажатия кнопок они менялись. Во-первых, по не понятным мне причинам половины первого пункта меню даже не видно. Во-вторых, ездит только текст, картинка (которую чуть-чуть, но можно разглядеть) стоит на месте. <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title>Bo0m-paw</title> <link href="css/style.css" rel="stylesheet" type="text/css"> <script type="text/javascr…

    Asked by boompaw,

    0 votes
    19 answers

  20. газетная (журнальная) верстка

    подскажите как можно реализовать отображения основного материала на странице в 2 колонки, как в журалах?

    Asked by sc@r@bey,

    0 votes
    8 answers

  21. Гайды по нятяжке вёрстки на движок..

    Есть ли такие гайды в сети ? Например как натянуть на вордпрес и тд. Поделитесь полезными ссылками, если есть =)

    Asked by Mugen1,

    0 votes
    1 answer

  22. галерея

    Привет всем! подскажите как можно сделать такую вещь: есть два блока, один сверху другой снизу, в верхнем блоке расположено несколько рисунков маленького размера, при нажатии на один из рисунков, он должен появляться в нижнем блоке, но уже в увеличенном размере. Желательно все это сделать при помощи css:) Буду очень благодарен за помощь!

    Asked by spaun,

    0 votes
    9 answers

  23. галерея

    Люди. Помогите Должно быть так: Вот что получается. Почему номера не отображаются в строчку? http://jsfiddle.net/fmpPe/

    Asked by daniluch,

    0 votes
    3 answers

  24. Галерея

    Нубу нужна Ваша помощь, мне нравиться галерея в htmlkickstart, но у нее есть некоторые недочеты. Допустим в блоке у меня есть png изображение с заданным hover, необходимо чтобы при нажатии открывалась другая картинка заданного размера, открывалась в этом же окне с возможностью закрыть, желательно без лишней анимации Подскажите с помощью какого скрипта это можно реализовать ?

    Asked by drevil37,

    0 votes
    1 answer

  25. галерея

    Есть ли где готовая галерея с прокруткой (право влево) но она должна быть тонкой полоской (100px) и увеличением картинок по нажатию?

    Asked by impt,

    0 votes
    6 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