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. Div во всю высоту родителя

    Привет! Балуюсь вёрсткой макетов, возникла небольшая сложность. Как растянуть div во всю высоту родительского блока? Пробовал везде поставить height:100%, помогло. Но нужно чтобы родитель растягивался не на 100%, а на высоту контента в нём. Собственно вот сайт: http://gelion.ucoz.com/

    Asked by Ge1i0N,

    0 votes
    2 answers

  2. Проблема с средней колонкой и меню по середине страницы

    Спасибо за внимание. Я сама разобралась.

    Asked by Ylik,

    0 votes
    0 answers

  3. Верстка просто сайта

    Привет всем, "сверстал сайт" к показано в примере на этом сайте divhack.com хотелось бы услышать что сделал правильно а что не стоит делать. мое творение здесь yarkiy.ho.ua Спасибо за внимание

    Asked by x86test,

    0 votes
    3 answers

  4. Проблемы в IE8

    Всем привет! На этой странице http://realtimetrading.ru/free-software не правильно ведут себя кнопки "скачать".. Проблема только в IE8, в остальных браузерах все норм. Прошу вашей помощи, очень надо!!!

    Asked by jimka,

    0 votes
    1 answer

  5. Подскажите новичку:)

    Есть блок: #content { /*Центральная колонка*/ margin: 25px 275px 0 275px; /* Отступ на ширину левой и правой колонки*/ background:#00FF00; } Как в него вставить рамку-изображение?

    Asked by Heaven,

    0 votes
    2 answers

  6. Как сверстать меню под углом

    Вот интересует вопрос как сверстать вот такое меню: то-есть как развернуть каждый пункт меню под определенный угол.

    Asked by denbon,

    0 votes
    2 answers

  7. Как правильно задать размер блока с картинкой ( CSS ) ?

    HTML к первой картинке: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html> <head> <link href="style.css" rel="stylesheet" type="text/css" media="screen" /> </head> <body> <div id="logo"> </div> <div id="content"><div><div><div><div> <div class="nav_k"> <ul> <li><a href="index.html"></a></li> </ul> </div> <p class="main_content">Содержание блокаСодержание блокаСодержаниеСодержание блокаСодержание блокаСодержание блокаСодержание блока Содержание блокаСодержан…

    Asked by na9ort,

    0 votes
    0 answers

  8. Список блоков с разным вертикальным выравниванием

    Кто-нибудь знает, как сделать так: Пробовал способ Чикуёнка, но там блоки в плотную не становятся.

    Asked by miloslovesky,

    0 votes
    11 answers

  9. Не могу выровнять инпуты

    Добрый день. Я не дизайнер и не верстальщик, я программист, но вот появилась необходимость сделать веб-интерфейс, и в качестве красивости для него выбор пал на twitter bootstrap. В общем для примера есть такая вот табличка: на jsFiddle mystyle.css (в общем-то изначально для уменьшения размера текста) такой: tbody label,tbody input[type="text"],tbody input[type="number"],tbody { font-size: 12px; } tbody label { width: 128px; } tbody input[type="text"],tbody input[type="number"] { height: 16px; margin-bottom: 2px; } Что я хочу - в последней колонке три инпута, как бы их выровнять под линеечку? Сейчас это выглядит как на картинке1. Мне почему-то казалось…

    Asked by whatever1,

    0 votes
    2 answers

  10. помогите разобраться..

    Создать интерактивно пополняемый текст в документе (например, отзыв о сайте) посредством CGI-приложения. Отправляемые на сервер сообщения пользователя с информацией «имя пользователя» и «текст сообщения» должны проверяться на заполненность на стороне пользователя посредством Java-скриптов. Возможный способ решения - в текстовый файл, находящийся на сервере, дописывать текстовую информацию из формы документа и помещать этот файл в контейнер IFRAME документа. Можно где-нибудь посмотреть примеры? не могу в интернете найти информацию..даже не знаю как правильно запрос написать.

    Asked by StydenTo4ka,

    0 votes
    0 answers

  11. Помогите с менюшкой

    При переходе на предыдущую страницу (не через само меню, а через стрелку "назад" в браузере) на сайте меню выглядит вот так: Т.е. как-будто кнопка активна. а должно вот так: Такая проблема только в браузере Mozilla Firefox Вот код css: #main_menu_master{width: 268px; margin: 0; padding: 0; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 13px; text-align: center; line-height: 30px;} #main_menu_master a{display: block; color: white; text-decoration: none;outline: none;} .top_button a:{background: url(image/bt.png); height: 30px; width: 238px; padding: 10px 15px 6px 15px;} .bot_button a:{background: url(image/bb.png); height: 30px; width: 238px; p…

    Asked by borovikalexey,

    0 votes
    1 answer

  12. Навигация напротив логотипа

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

    Asked by kostazs,

    0 votes
    5 answers

  13. Бесплатный скрипт поиска по сайту

    Нужен скрипт поиска по сайту, поиск по названиям заболеваний. При вводе чтобы показывались варианты болезней(пример на картинке).

    Asked by apexis,

    0 votes
    4 answers

  14. Закрасить фон отдельного элемента

    Подскажите пожалуйста как закрасить фон меню, раньше он был белый а когда поставил выпадющее меню, то стал прозрачный.Меню здесь http://ag-t.com.ua/rus/index.php Я так понял нужно убрать opacity и заново прописать цвет фона. Делал так, но получаеться белая полоска, которая выходит за рамки макета.Подскажите как закрасить именно область меню.

    Asked by BogdanK,

    0 votes
    5 answers

  15. Создание отдельных файлов картинок из psd

    Добрый день! Помогите, пожалуйста, начинающему верстальщику. Есть макет: http://db.tt/1CKLxFyy Нужно сверстать страницу. Вопросы: 1. Как лучше сохранить фоновый рисунок. Я имею в виду, нужно ли два слоя с градиентом сохранять отдельно или объединить 4 нижних слоя в файл jpg и это сделать фоновым изображением или объединить 4 нижних слоя и все прочие рисунки ( за исключением ссылок, текста, картинки с видео и т.п.) в один файл jpg и это сделать фоновым изображением. 2. На ваш, опытный, взгляд этот макет - макет резинового сайта или с фиксированной шириной? Если резиновый, что делать с фоном на болших экранах? 3. Пункты меню разбросаны по странице. Это делается на дивах…

    Asked by asv,

    0 votes
    2 answers

  16. Центрирование фоновой картинки для тега body

    Здравствуйте уважаемые веб-мастера! Подскажите как сделать фоновое изображение тега body по середине экрана? Пример: Прописал в стиле следующее: body { background: url(../img/bg_body.jpg) no-repeat ; height: 1000px; margin: 0 auto; width: 960px; } размер изображения bg_body.jpg 960px на 100px. расширение экрана 1600х900. Но в окне браузера, фоновое изображение расположено не посередине окна, а у левого - верхнего угла окна.

    Asked by Raura,

    0 votes
    2 answers

  17. Два дива, выравнивание

    Очень уж стыдно спрашивать в очередной раз у вас, думал что разобрался полностью с версткой дивов Оказалось нет Легкий и глупый вопрос, но деваться некуда Есть див ид=1 В нем два дива (ид=2 и ид=3, к примеру) ид=2 это картинка с флоат=лефт, ид=3 это текст Нужно что бы ид=3 находился на средней линии с ид=2, проще - посередине по вертикали

    Asked by a1rborn,

    0 votes
    8 answers

  18. выравнивание изображений в тексте

    подскажите пожалуйста способ, при помощи которого можно точно выравнивать изображения по обоим краям justify-текста без применения дополнительных классов здесь выровнено с дополнительными классами, а хотелось бы без них

    Asked by cyklop77,

    0 votes
    7 answers

  19. Как поменять высоту блока?

    Всем привет! Я никак не могу поменять высоту одного из блоков в шаблоне. Предполагаемое меню 50рх, а высота блока 90рх. Инструменты разработчика не показывают, в каком из множества файлов шаблона это меняется... Помогите, пожалуйста, уже глаза на лоб лезут. Вот скриншот Спасибо!

    Asked by filinakat,

    0 votes
    4 answers

  20. Смещение левых блоков

    У меня такая проблема. Смещается левый блок. Помогите решить проблему что бы блок не смещался после заполнения формы гостевой книги. Вот до http://hostingkartinok.com/show-image.php?id=01c25f1eb39fe92f03b47443b88a071d Вот после http://hostingkartinok.com/show-image.php?id=70c343cd9f32c4f51f1dc93b293434e5 ссылка на сайт http://78.106.50.188/gbook.php#

    Asked by ReD2,

    0 votes
    5 answers

  21. Поднять div

    Доброго дня. У меня проблема с дивами. Вот что имею: В результате расположение блоков таково: Помогите поднять Блоки 4 и 5 к топу.

    Asked by thinkslow,

    0 votes
    10 answers

  22. смещение центра в маковских браузерах

    всегда стесняюсь создавать темы, которые предполагают наличие телепатических способностей у отвечающих, но сейчас другого выхода нет. поэтому если кто-нибудь орлиным глазом так сказать определит знакомый симптом, то пожалуйста срочно пусть пинает меня в нужном направлении проблема в том, что основная вёрстка страницы центрирована стандартным способом, при помощи width: 1000px; margin: 0 auto; overflow: hidden; во всех современных, популярных браузерах под win и linux никаких аномалий при плавном уменьшении ширины экрана не наблюдается. но в (ipad, ios6, safari) слева от вертикального скролла при ширине экрана примерно в 1000px появляется область, которая нарушает центр…

    Asked by cyklop77,

    0 votes
    6 answers

  23. Как зафиксировать меню

    Добрый день! Подскажите, пожалуйста, как зафиксировать меню чтобы при прокрутки страницы, меню оставалось на своей позиции??? знаю, нужно к меню добавить: position fixed но от меню остаются узенькая полосочка! пробывала прописать высоту, не получается! Мой сайт Подскажите, кто знает!

    Asked by MarinaMarina,

    0 votes
    5 answers

  24. Шрифт на сайте

    Не могу понять одну вещь, объясните пожалуйста) К примеру хочу создать сайт, на котором будет использоваться не стандартный шрифт, скачанный с Интернета В css прописывается такой то такой то шрифт, но если у пользователя нету такого шрифта, соответственно будет использоваться шрифт, следующий в списке в css Но ведь другие шрифты, стандартные не подходят к дизайну сайта, нужен только тот, первичный, либо вторичный, но все равно не стандартный с подходящим дизайном для сайта Как быть в такой ситуации? если у пользователей нет тех шрифтов, что я использую на сайте? PS Использовать стандартные - сразу нет, делать вместо текста картинки - сразу нет

    Asked by a1rborn,

    0 votes
    5 answers

  25. Сокращение длинных полей в таблице

    Здраствуйте. Подскажите пожалуйста как сократить длинные поля в таблице. Пример: Чтобы как в excel длинное поле не растягивалось по вертикали а уходило за другое.

    Asked by zerg,

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