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. Проблемы в IE8

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

    Asked by jimka,

    0 votes
    1 answer

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

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

    Asked by BogdanK,

    0 votes
    5 answers

  4. Отображение линейной связи элементов дерева

    Приветствую. К сожалению, дизайнер во мне умер давно, и вряд ли оживет. Имеется древовидная структура такого вида: 2175 | Task #1 | Открыто | N/A 2176 | Task #2 | Открыто | User1 2177 | Task #3 | Открыто | N/A 2178 | Task #4 | Открыто | N/A 2179 | Task #5 | Открыто | N/A 2180 | Task #6 | Открыто | User2 2181 | Yet Another Task | Открыто | User1 Собственно, это дерево заявок в баг-трекере в формате "номер | имя | статус | ответственный". Помимо связи parent issue-child issue баг-трекер позволяет создавать линейные связи issue-issue, которые тоже нужно как-то отображать. Интерфейса у всего этого еще нет никакого, он только прорабатывается и придумывается. Посем…

    Asked by insanecorp,

    0 votes
    0 answers

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

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

    Asked by Ylik,

    0 votes
    0 answers

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

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

    Asked by Heaven,

    0 votes
    2 answers

  7. Плавный переход между спрайтами.

    В общем есть такой сайт http://epicforever.ru/ Наверху в правом углу есть кнопка play, при наведении бэкграунд меняется, там есть спрайт. Хочу сделать плавную смену, через CSS3 и транзишены не получается, он не меняется а "перекатывается". В голову приходит вариант только через js, как у меню, но он очень муторный, еще подумываю о том чтобы 2 отдельные картинки друг на друга наложить, и менять прозрачности. Есть другие варианты, может кто подскажет?

    Asked by Briss,

    0 votes
    2 answers

  8. Как правильно задать размер блока с картинкой ( 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

  9. Скрипт чат

    Нужно сделать так чтобы когда сообщение по нажатию на кнопку отправить было видно сразу пользователям о том что, что то написали без перезагрузки страницы (И по возможности чтобы было звуковое увидомление) - Чтобы было понятней - например как в контакте Подскажите как это сделать пожалуйста, может есть готовый скрипт

    Asked by paseonru,

    0 votes
    6 answers

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

    Добрый день. Я не дизайнер и не верстальщик, я программист, но вот появилась необходимость сделать веб-интерфейс, и в качестве красивости для него выбор пал на 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

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

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

    Asked by miloslovesky,

    0 votes
    11 answers

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

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

    Asked by kostazs,

    0 votes
    5 answers

  13. CSS, псевдокласс :hover

    Возник вопрос относительно css псевдокласса :hover нужно, чтобы при наведении мыши на один элемент менялся стиль другого элемента, причём последний не является дочерним и располагается в другом месте html - кода пример: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>Документ без названия</title> <style> #a { color:#0F0; } #a:hover { color: #000; } #p { color: #C00; display:none; } #a:hover #p { color: #C0F; display:block; } …

    Asked by val005,

    0 votes
    7 answers

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

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

    Asked by StydenTo4ka,

    0 votes
    0 answers

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

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

    Asked by asv,

    0 votes
    2 answers

  16. Можно ли связать через css два тега?

    Всем доброго времени суток. Подскажите, пожалуйста, можно ли как то в CSS прописать взаимосвязь, чтобы при наведении курсора на картинку, менялась сама картинка и текст рядом с ней. Я всю голову сломала, как можно эту задачу можно решить через css, чтобы не привлекать программирование или яву. А может ответ плавает на поверхности... На странице есть картинка-ссылка <a> и текст спрятанный <p style="display:none;">. При наведении на картинку нужно, чтобы она менялась (ну это понятно a:hover {url(/image.jpg)} ), но и чтобы одновременно с ней появлялся невидимый текст, который находится неподалеку. Есть выход сделать появляющийся текст тоже картинкой которая вылаз…

    Asked by rutell,

    0 votes
    7 answers

  17. Таблица сьезжает при масштабировании

    Добрый день. Есть сайт (http://kupivse.org/). При изменении масштаба, таблица, которая выводит 2 новости над лучшими предложениями смещается вправо, пытался выравнивать по центру с помощью margin:auto - не помогает Есть идеи что не так с ней?

    Asked by kafaya,

    0 votes
    5 answers

  18. Поднять div

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

    Asked by thinkslow,

    0 votes
    10 answers

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

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

    Asked by MarinaMarina,

    0 votes
    5 answers

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

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

    Asked by a1rborn,

    0 votes
    5 answers

  21. table или div

    Возник недавно такой вопрос,как лучше писать сайт? Таблицами или блоками? Либо совмещать таблицы и блоки?

    Asked by Heaven,

    0 votes
    7 answers

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

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

    Asked by a1rborn,

    0 votes
    8 answers

  23. Слои, JavaScript и IE

    Всем привет! Начал делать простенький сайт для фотоотчетов о путешествиях с галереей. за основу взял бесплатную версию фотогалереи на Java (если так правильно говорить) тут: http://www.simpleviewer.net/simpleviewer/ Все очень просто, понятно и удобно. Оставалось добавить лишь пару строк описания к самому путешествию (т.е. ко всему сайту-галерее). И сделал это через слои, наложив нужный текст поверх флеш-пространства в свободных от изображения местах. Однако работать это стало только в Мазиле и Хроме (Оперу не пробовал), а IE (версия 6,7,8,9) отказывается. Слой с этой флеш-галереей просто покрывает все остальное содержание сайта независимо от z-index. В процессе эксперимен…

    Asked by maxim89,

    0 votes
    1 answer

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

    У меня такая проблема. Смещается левый блок. Помогите решить проблему что бы блок не смещался после заполнения формы гостевой книги. Вот до 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

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

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

    Asked by filinakat,

    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