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. <button> как сделать простым текстом?

    Добрый день, у меня такой вопрос: Как сделать <button> простым текстом? Т.е. не кнопкой, а простым текстом.

    Asked by Kyklovod,

    0 votes
    3 answers

  2. выравнивание по центру

    как выравнять по центру (и по вертикали и по горизонтали) элемент с плавающей высотой и шириной?

    Asked by z700i,

    0 votes
    5 answers

  3. Мобильная верстка. Закрепит элемент.

    Добрый день. Суть проблемы вот в чем. Требуется закрепить элемент страницы вверху (например как неподвижная шапка у некоторых сайтов) для создания тулбара. Но к сожаления стандартные приемы (position: fixed; z-index: 100) не прокатывают в мобильном браузере. Есть ли еще какой нибудь вариант закрепить элемент вверху страницы? Спасибо за внимание.

    Asked by Paloskin,

    0 votes
    0 answers

  4. В одну строку Помогите

    <div id="menu1" style="width: 168px"> <h3 id="nado" style="width:120px;background-color:black;cursor:pointer;color:aqua">Главное меню</h3> <ul style="opacity:0.0;list-style:none;width:122px;" id="222"> <li style="width: 122px">Пример </li> <li style="width: 122px">Пример </li> <li style="width: 122px">Пример </li> </ul> </div> <div style="width: 168px"> <h3 id="nado2" style="width:120px;background-color:black;cursor:pointer;color:aqua;">Интересно</h3> <ul style="opacity:0.0;list-style:none; width: 122px;" id="22"> <li style="width: 122px">Пример </li> <li style="…

    Asked by web-mindfreak,

    0 votes
    21 answers

  5. Проблемы наследования2

    Ребят подскажите пожалуйста ?<!DOCTYPE html> <html> <head> <title></title> <style type="text/css"> div.input { position: relative; width: 100%; background: bisque; } div.input input { padding-left: 26px; padding-right: 10px; height: 16px; width: inherit; border-radius:20px; border:1px solid black; border-top:2px solid black; height: 20px; } div.input img { position: absolute; left:0px; margin:7px 10px 0px; } div.cont{ margin:0 400px; } </style> </head> <body> <div class="cont"> <div class="input"><img src="image/poisk.png" alt="" /><input type="text" /></div> <…

    Asked by Sintanial,

    0 votes
    23 answers

  6. Подскажите где менять

    Друзья, сижу верстаю квитанцию на оплату полностью дивами. Каждая клеточка - отдельный слой. Вот что получилось В хроме: В Опере: В ИЕ 2 вопроса 1) Как в опере добиться, чтобы она видела величину шрифта установленную для конкретного слоя, а не родителя 2) Какого хрена ИЕ сожрал 3 слоя?

    Asked by kentastik,

    0 votes
    23 answers

  7. Помогите растянуть див

    Здравствуйте. Мне нужно растянуть блок с контентом на сто процентов, на примере видно для чего это мне нужно _bio-logiya.ru Пробовал методом padding-bottom: 20000px; margin-bottom: -20000px; и для container'a overflow: hidden; но тогда то что за контейнером всё обрезалось и кусок коровки и бабочки. Какие ещё есть варианты?

    Asked by bayanruby2,

    0 votes
    5 answers

  8. div'ная верстка

    Здравствуйте вот решил заняться разработкой сайтов но возникли вопросы, если вы не против то все вопросы я буду задавать в 1 теме! 1 вопрос как сделать 2 блока в контейнере , 1 блок в левой стороне второй по центру , делал это с помощью функции float левый блок получается а вот как сделать по центру не соображу! вот мой коддинг))))) index <!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> <title>Название страницы</title> <link rel="stylesheet" type="text/css" href="../css/style.css"> </head> <body> <d…

    Asked by Good Fucking Smile,

    0 votes
    8 answers

  9. Скажите пожалуйста,как мне сделать форум на сайте

    Помогите,пожалуйста,как мне вставить форум на сайт?Я скачал какой-то форум.Но когда я его открыл,то в нем было много каких-то папок.Только можете пожалуйста обьяснять на языке для начинающего.Я так понял что форум htmlbook тоже вставлен(я видел такой-же форум на сайте tennisforum.ru)

    Asked by saswat,

    0 votes
    1 answer

  10. Как сделать всплывающий DIV поверху сайта, не выходящим за экран?

    Лабаю на сайте систему помощи по странице Сделал в виде всплавающего поверх содержимого сайта окошка. Выглядит так: div id = help left=..,top=.. div id = helpCaption div id = helpParts div id = helpText width=..,height=.. div id = helpCorner helpCaption - заголовок helpCorner - уголок для ресайза окна внизу справа helpText - текст справки #help { position: fixed; left: 10px; top: 10px; } #helpText { overflow: auto; } при растягивании скрипт меняет width, height элемента helpText. Если текст не помещается, то показывается скролл Теперь проблема: при сужении размера браузера по горизонтали, "окошко" с помощью утыкается в правый край и начинает сужаться вместе с…

    Asked by Enkee,

    0 votes
    2 answers

  11. Еще одна мобильная верстка)

    Проблема в размерах элемента. Нужно сделать так, что бы на маленьких экранах картинки, инпуты и прочее сжимались сохроняя пропорции. em и % не помогли. Точнее: нужно сделать что бы логотип и все картинке в шапке становились меньше на маленьких экранах (240x320). Может не совсем понятно объяснил, буду рад, если поможете

    Asked by moskalev_mihail,

    0 votes
    4 answers

  12. помогите с selected

    Здравствуйте, я новичек в верстке. У меня не получается что бы ,если страница открыта ,то пункт меню стал выделенным (selected) сначала работало ,но потом я что-то изменил и перестало работать. Еще не подскажете как выровнять меню по центру? Заранее благодарен! <!DOCTYPE html> <html> <head> <title>HTML</title> <meta name="keywords" content="HTML, META, метатег, тег, поисковая система"> <meta charset="utf-8"> <!--[if lt IE 9]> <script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script> <![endif]--> <style> body { margin: 0; } header { display: block; /* Для ста…

    Asked by MaSoGg,

    0 votes
    6 answers

  13. Как сделать так чтобы при наведении на картинку в отдельном поле появлялось название ссылки

    Хочу сделать сайт на главной странице которого будет только одна картинка,на которой будет изображён фотограф(фотогалерея),почтовый ящик (контакты) итд. Всё это составляет единую компазицию.Есть 2 вопроса 1.Как лучше сделать ссылки ,чтобы они были отдельными картинками-ссылками или создать ссылочные области? 2.Как сделать чтобы при наведении на картинку(область) в отдельном поле появлялось название ссылки?

    Asked by tonymt,

    0 votes
    1 answer

  14. Не выравнивает по центру

    В общем верстаю вот этот макет http://freeway-design.ru/files/spit.png сейчас мне нужно сделать wrapper чтобы выровнить все что находится от меню до футера, естественно я делаю wrapper указываю ему margin:0 auto; ширину и сохраняю, ничего не происходит, блок так же стоит слева, когда создаю отдельный документ, пробую делать все тоже самое там, враппер работает нормально в чем проблема ? ГДЕ НЕ РАБОТАЕТ WRAPPER РАБОТАЕТ WRAPPER Еще подскажите как сделать через css чтобы после каждого пункта в меню добавлялось |

    Asked by moslem,

    0 votes
    3 answers

  15. Проблемы с высотой в 100%

    Здравствуйте! Задана высота контента в 100%, но почему-то контент обрезается... Когда выставляю 2000px - работает нормально. Вот сайт: http://persikmops-ru.1gb.ru/ru/show-results?layout=blog вот код css: * { margin:0; padding:0; } /*стандартные оформление ссылок и заголовков*/ h1, h2, h3, h4, h5, h6, h1 a, h2 a, h3 a, h4 a, h5 a, h6 a h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover h1 a:visited, h2 a:visited, h3 a:visited, h4 a:visited, h5 a:visited, h6 a:visited { font-weight: normal; font-style: normal; text-decoration: none; } /*оформление всех ссылок на сайте*/ a{ text-decoration: underline; color:#759b14 ; } /*непосещенная ссылка*…

    Asked by Zeeeya,

    0 votes
    6 answers

  16. Как лучше сделать

    Здравствуйте. Подскажите, как лучше сверстать: Данный блок нужно встроить на страницу. Но когда я делаю вот так: <div style="width:1000px; overflow:hidden;"> <div style="float:left; position:relative; width:490px;"> <div style="position:absolute; left:0; top:0;"><img src="images/photo/11.png" width="200" height="200" /></div> </div> <div style="float:right; position:relative; width:490px;"> <div style="position:absolute; left:0; top:0;"><img src="images/photo/11.png" width="200" height="200" /></div> </div> </div> у меня у главного блока не устанавливается высота в зависимости от содержимого бло…

    Asked by qwertytol,

    0 votes
    3 answers

  17. Резиновый список товаров

    Здравствуйте. Попробую описать внятно суть моей проблемы: Есть таблица, ширина которой зависит от ширины окна браузера. Например, она равна 60% от ширины окна. Есть некоторая минимальная ширина одной ячейки таблицы. Допустим, что 200px. Мне нужно, чтобы было так: Когда ширина таблицы 900px - отображаются 4 ячейки по 225px, когда 801px - четыре по 200px, а когда ширина таблицы становится 799px - должны отображаться 3 ячейки по 266px. Ну, и так далее. Реализацию видел на ozon.ru - там собственно список товаров так работает. Но принцип не пойму. И так пытался, и эдак - не выходит. Помогите пожалуйста.

    Asked by boilroom,

    0 votes
    11 answers

  18. как напечатать кавычки?

    Друзья, неожиданно для себя столкнулся с затруднением. Взбрело мне в голову чтобы в textbox, value был с кавычками. Имеется ввиду вот что: <input type = "text" name = "example" value = "input "two thirty eight" "> Но к сожалению такой фрагмент кода не дал желаемого результата.. Итак, что же делать, если необходимо вывести значение value с кавычками?

    Asked by dusk238,

    0 votes
    16 answers

  19. Проблема с шириной span без float

    Добрый вечер. Помогите мне пожалуйста с этой проблемой.

    Asked by Arinden,

    0 votes
    6 answers

  20. Вставка флэш-ролика

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

    Asked by chapai,

    0 votes
    2 answers

  21. Отступы в списках

    Здравия всем! Есть стандартный список <ul> <li> пункт 1 <li> пункт 2 <ul> <li> пункт 2.1 <li> пункт 2.2 </ul> <li> пункт 3 </ul> получается что-то типа этого: пункт 1 пункт 2 пункт 2.1 пункт 2.2 пункт 3 Как можно уменьшить отступы, чтобы было так ? пункт 1 пункт 2 пункт 2.1 пункт 2.2 пункт 3

    Asked by Lavrenty,

    0 votes
    25 answers

  22. Подскажите как сделать такой адрес

    Если у меня есть домен www.somedomen.narod.ru могу ли я сделать на нём ссылочку вида www.sometarget.ru/somedomen.narod.ru? И как это сделать, если возможно? Или ссылочку вида www.sometarget.ru.somedomen.narod.ru

    Asked by neznayka,

    0 votes
    1 answer

  23. меню на всю ширину

    Здравствуйте. такой вопрос: есть сайт, http://test11.16mb.com , потребовалось растянуть главное (верхнее) меню на весь экран. Не нашел лучшего способа как просто добавить по бокам меню, блоки с текстурой фона этого самого меню) но, при и уменьшении окна броузера, или при меньшем разришении, меню сползает под свой фон и выглядит это все хреново... вот скрин: http://s017.radikal.ru/i401/1111/6a/0b4e1abadfe7.jpg Указывал размеры левой и правой текстуры в процентах. Как решить эту проблему? возможно я не так это все делаю... Зараннее спасибо за ответы...

    Asked by greeb,

    0 votes
    4 answers

  24. проблема с изображениями

    Привет всем! Вопрос есть к примеру три изображения одно нужно разместить слева, другое в центре, стретье с права, между ними комменты приблизительно так : все попытки заканчивались плачевно, или текст вылезал непонятно куда, или картинки смещались, или эти же самые картинки не хотели размещатся горизонтально. собственно подскажите кто чем может... з.ы. забыл добавить все это дело в диве находится отдельном.

    Asked by f0rzik,

    0 votes
    14 answers

  25. Десктоптое решение для тестирования веб-страниц

    Всем привет, у меня вопрос - существует ли бесплатное десктопное решение для тестирования и эмуляции вида веб-страниц в различных браузерах - Opera, Safari, Chrome, Firefox, IE. Что-то вроде IE Tester, но для других браузеров. Ищу третий день - не могу найти. P.S. Сервисы которые отдают скриншоты сайта не предлагать)

    Asked by totemband,

    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