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. Фиксированный элемент

    Здравствуйте! Как на сайте, вот сайт, сделать дополнительный слой, чтоб, независимо от высоты страницы, был графический элемент, который бы всегда был внизу страницы, но перед футером? Вставлять все в новый див и в нем располагать этот элемент с позиционированием?

    Asked by Zeeeya,

    0 votes
    4 answers

  2. Из Joomla в html

    Здравствуйте! Подскажите пожалуйста, как перенести страницы сайта из Joomla в html, так как там верстать и править сат удобнее и доступнее. Тормозит ли наличие движка продвижение по запросам сайта?

    Asked by Yarkaya,

    0 votes
    6 answers

  3. помогите прилепить один div к другому

    Нужно прицепить div#bodyGradient к левой стороне div#bodyContainer и повторить по оси Y по высоте div#bodyContainer . Имеем следующее: HTML: <div class="bodyGradient"></div> <div class="bodyContainer"> ... <!-- тут куча других дивов, в общем главные элементы страницы --> </div> CSS: /************* Structure *************/ div.bodyContainer { width: 1000px; margin: 0 auto; } div.bodyGradient { width: 10px; height: 1px; background-image: url("../img/bodyLeftGradient.png"); background-position: bottom left; background-repeat: repeat-y; float: left; } Схематично это выглядит так: Нужно чтобы было так: Подскажите пожал…

    Asked by str,

    0 votes
    2 answers

  4. Передвинуть блок

    Как выровнять блок по центру? Вот сайт - линк Чтобы увидеть блок, спуститесь в самый низ сайта и нажмите справа на ссылку v1.0 Нужно чтобы после клика по ссылке блок появлялся примерно в центре. Тоесть вот так - линк

    Asked by Andrew_las,

    0 votes
    4 answers

  5. Стили для поля со списком

    Как изменить внешний вид поля со списком? В частности хотелось бы узнать как изменить внешний вид кнопки по нажатию которой список раскрывается. Как тут например Спасибо.

    Asked by uteelers5,

    0 votes
    1 answer

  6. Деление сайта на header+body+footer

    Доброй ночи! Я новичок, поэтому не судите строго) Мне нужно сайт поделить на 3 блока header, body, footer для удобства внесения изменений, подскажите как это сделать, на форуме в поиске не нашел ( может сформулировал не правильно)вот сам код <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> <html class="Mozilla"> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <title>Директ </title> <link rel="stylesheet" type="text/css" href="style.css"> <li…

    Asked by atremains,

    0 votes
    1 answer

  7. Отступ от шапки до меню, при использовании SSI

    Здравствуйте. Сложилась небольшая проблема. На сайте http://svetlas.ru/, создано около 20 разных страниц. Соответственно, имея разный контент, они имеют одинаковое меню, оформление, шапку и подвал. Сайт в основном сделан табличной версткой. Связался с хостером, и попросил включить для нас SSI, чтобы избежать многократного внесения изменений на каждой странице в отдельности, и вынести повторяющиеся части HTML-кода в отдельные блоки. Всё сделал по инструкции. Вот её часть: Первое что нам необходимо сделать, это переименовать наш файл index.html на index.shtml - именно такое расширение файла указывает Web-серверу на то, что мы собираемся использовать SSI Вырезаем из …

    Asked by Cyanide,

    0 votes
    4 answers

  8. Проблема с растягиванием сайдбара и контента к футеру

    Здравствуйте! Такая проблема при верстке слоями (блоками): хочу сделать страницу с хедером, двумя колонками (левый сайдбар и контент) и футером. Сделал чтобы футер был прижат к низу страницы при помощи вставки пустого блока в конце контента и притягиванием выше (на размер этого пустого блока) футера. С футером все хорошо, сидит поживает себе спокойно снизу страницы, НО сайдбар и контент растягиваться сами до футера никак не хотят (честно, перепробовал уже кучу всяких примеров из гугла, скачивал готовые шаблоны - ничего не помогает ) В теории все просто: необходимо сделать так, чтобы sidebar и content занимали все доступное место в блоке conteiner2.. есть мысля, что чере…

    Asked by Nerf74,

    0 votes
    4 answers

  9. Съезжает форма

    Здравствуйте.В общем начал верстать шаблон с макета. Вот какова сама проблема: Ссылка на изображение То есть форма съезжает вниз..padding-bottom для неё бесполезно... Вот код для черного блока: div#header { background-image: url('../images/header_block.png'); background-repeat: no-repeat; width:auto; height:50px; } Вот код текста "Yeah-studio": div#text_header { padding-left:60px; color:white; font-size:18px; font-family:arial; padding-top:15px; } а вот код формы: form#form_ { margin-left:690px; padding-bottom:29px; } собственно,как я уже сказал,padding-bottom тут вообще не помогает. Вот,если надо,сам код html: <div id="header"> <div id="text_header">Yea…

    Asked by SteeLZzZ,

    0 votes
    1 answer

  10. Вертикальное выравнивание блока.

    Всем привет. Подскажите, кто знает, возможно ли выровнять блок по вертикали, если у него нет фиксированной высоты? (речь идёт о классе .wrapper) Cтраницу можно увидеть здесь: http://yamaradg.narod2.ru/history/zaglushka/index.html P.S. Буду благодарен за ответ...

    Asked by Yamaradg,

    0 votes
    1 answer

  11. Скрыть сразу несколько блоков (javascript)

    Здравствуйте! Скажите пожалуйста как можно с помощью события onclick скрыть несколько блоков div сразу. Допустим есть блоки wind1, wind2, wind3, wind4. Для каждого из них в меню есть кнопка. Нужно чтобы при нажатии на кнопку 1 показывался блок wind1, при нажатии на кнопку 2 скрылся блок wind1 и отобразился блок wind2, то есть при нажатии на кнопку показывался только соответствующий блок, а остальные скрывались. Я решил эту проблему так: wind1: <div id="button1"> <a class="but" href="#" onclick="document.getElementById('wind1').style.display='block'; document.getElementById('wind2').style.display='none'; document.getElementById('wind3').style.display='none'; doc…

    Asked by anjoy74,

    0 votes
    2 answers

  12. исчезновение дива?

    у меня есть див, как сделать что бы он через 5 сек плавно исчез?

    Asked by olechic,

    0 votes
    11 answers

  13. валидация формы

    можно ли к такой форме добавить валидацию полей? или нужно что-то исправлять? не работает ни один плагин для валидации? в чем может быть проблема? <body> <a href="#tab_id" id="hr" class="ss">Please, Click me</a> <form action="..." method="..." name="order-form" "> <div class="tabs" id="tab_id"> <ul class="tabNavigation"> <li><a class="firstTab" href="#first">Вход</a></li> <li><a class="secondTab" href="#second">Регистрация</a></li> </ul> <div id="first"> <a href=""><img src="img/Close.gif" alt="альтернативный текст" / id="close"&…

    Asked by olechic,

    0 votes
    4 answers

  14. высота изображения-ссылки

    здравствуйте. подскажите, как победить проблему высоты изображения-ссылки. страница здесь http://uc.vitragestyle.ru/4pik/news.php?idnws=2 у ссылки display="block". изображению задаётся ширина в процентах. как я понимаю, браузер выставляет высоту автоматически. как указать высоту ссылки? без этого значения более-менее корректо отрисовывает страницу только firefox. в остальных браузерах не получается узнать высоту ссылки -> неизвестна высота блока галереи -> некорректна высота блока новости (учитывается только высота текста) -> неправильно задаётся положение футера (положение футера расчитывается с помощью js на основании размеров блоков)

    Asked by balashovka,

    0 votes
    6 answers

  15. Помогите убрать вертикальные линии

    Народ помогите убрать вертикальные линии за каждой ссылкой в горизонтальном меню ссылка на сайт http://revkomvko.kz

    Asked by zhigan,

    0 votes
    1 answer

  16. height: auto или фикс?

    Нарисовалась такая трабла, по идее wrapper должен растягиваться, он растягивается если добавить просто кучу текста - тянется, всё оки, сверстал 100% скролл страницы, wrapper не тянется, чтож тут может быть не так, прошу помощи у гуру. UPD Добавил к wrapper clear:both; overflow:hidden; И о чудо, он растянулся)

    Asked by Ergonav,

    0 votes
    0 answers

  17. Почему padding не работает?

    Я в сайтостроении новичок, та что сильно не пинайте. Вобщем есть HTML <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <title>Главная</title> <link href="style.css" type="text/css" rel="stylesheet"> </head> <body> <div id="wrapper"> <!-- top_header --> <div id="t_header"> <div id="t_header_middle"> <p>Левый текст| E-mail: <a href="mailto:xxxxx@mail.ru" title="Написать нам письмо">xxxxx@mail.ru<…

    Asked by Vensdale,

    0 votes
    6 answers

  18. как это сделать?

    у меня есть вот такая форма с табами http://pixs.ru/showi...978_4966929.jpg как мне сделать так что бы при нажатии на submit вся эта форма скрылась и появился блок об успешной регистрации, который плавно исчезает через 5 секунд или при клике на выход.

    Asked by olechic,

    0 votes
    1 answer

  19. Фоновая загрузка файлов

    Можно ли подгружать файлы в фоновом режиме после загрузки страницы, чтобы при нажатии на ссылку файл открывался мгновенно?

    Asked by apexis,

    0 votes
    2 answers

  20. не могу очистить свойства span-а

    Здравствуйте! Помогите убрать с тэга <span> непонятно вылезающие свойства!!! Хотелось бы сделать нормальную разметку и назначать нужные мне свойства. Пример в файербаг мозилы ниже:

    Asked by t0wer,

    0 votes
    2 answers

  21. зазор между инлайновыми элементами

    подскажите пожалуйста почему на этой странице между .logo и h1 есть зазор? то есть при перемещении курсора по горизонтали, на которой находятся эти элементы, курсор в некоторый момент меняет свой тип если можно, подскажите как решить проблему

    Asked by cyklop77,

    0 votes
    3 answers

  22. Как реализовать такие углы?

    Подскажите как сделать такие углы? Или такие углы только с помощью картинок делаются?

    Asked by tini.kRyptoNite,

    0 votes
    4 answers

  23. HTML5

    Всем привет. Захотелось мне соорудить сайт для самого себя, причем обязательно с использованием HTML5 тегов. Читаю-изучаю разнообразную информацию об использовании новых тегов для структуризации документа, но ее очень много и эта информация, порой, достаточно противоречива. Вкратце опишу основные элементы сайта: 1. Имя и слоган <header> <h1>Имя сайта</h1> <span>Слоган</span> </header> Имеет ли тут смысл использовать hgroup и обернуть слоган в h2? 2. Главное меню. Drupal добавляет к навигационным меню невидимые заголовки h2 (для скрин-ридеров), поэтому я обернул главное меню в section, чтобы создать отдельный раздел страницы 3. Стра…

    Asked by hedgehog,

    0 votes
    1 answer

  24. Таблица вылезает из дива

    Все просто: есть див, в нем табличка. После нее немного текста. А впрочем, код: <div id=info> <table style='float:left;'> <tr><td><a href='#4fa9c8efcbd39'>Тренажеры уличные</a></td></tr> <tr><td> <a href='#4fa9c8efcbf50'>Комплекс уличный</a></td></tr> <tr><td> <a href='#4fa9c8efcd08f'>Тренажер уличный</a></td></tr> <tr><td><a href='#4fa9c8efcf8d6'>Кардиотренажеры</a></td></tr> <tr><td> <a href='#4fa9c8efcfaa9'>Дорожка беговая</a></td></t…

    Asked by stationfuk,

    0 votes
    5 answers

  25. границы в ячейках таблицы перерисовывают остальные границы

    Приветствую! Рисую календарь, выглядит вот так: пытаюсь добавить границы ячейкам таблицы, получаю такое: Как видно, затирается левая и нижняя граница таблицы, а так же граница строки после дней недели. Подскажите, как это исправить? Код: <!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> * { padding: 0; margin: 0; } body { padding: 50px; } body { font-family: Verdana, Helvetica, sans-serif; font-size: 13px; } table.calendar { float: le…

    Asked by stalker_2000,

    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