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. вылезает background по y

    Вылезает за пределы картинка(leftside.gif) при установке height в % (классам center-content, liquid-round) <!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" /> <meta http-equiv="Content-Language" content="en-us" /> <title>title</title> <style type="text/css"> html,body { height:100%; width:100%; } #liquid-round { width:20%; margin:0px auto; background:#fff url(leftside.gif) repeat-y left top; background-position: 2px; } .top {…

    Asked by alexey_,

    0 votes
    4 answers

  2. Вылезающий текст с одного фона на другой

    Допустим, у меня есть div, в котором написан текст, у него в background картинка 1px, и она repeat-y. А ниже есть другой div, например, в 100px высотой, у него background - фиксированная картинка. Можно ли сделать так, чтобы при написании текстов в верхнем div, его фон динамически увеличивался, и часть текста высотой в 100px вылезала на фон нижнего div? Либо, можно ли установить у div'а два разных background'а? Фиксированный, прижатый к нижнему краю, а второй - динамический?

    Asked by Antwerpen,

    0 votes
    10 answers

  3. Вылетает блок в Mozilla

    Добрый день, друзья! Помогите решить. Есть "лишка(<li></li>)", в которой находится таблица. Почему-то в файерфоксе эта таблица вылетает вправо, вот скрин http://prntscr.com/5wsn6r . В других браузерах все норм http://prntscr.com/5wsq83 . Вот сама страница с багом - http://root.donkos.esy.es/kabinet-1.html . Заранее благодарю за помощь.

    Asked by donkos,

    0 votes
    5 answers

  4. вылетает с safari на мобильных устройствах

    Уже не знаю что делать, есть сайт у заказчика на хосте http://weddinghappy.ru/ и у меня http://alexlebedev.pw/works/bhapp/ (посмотрите, в обоих ли случаях происходит данный баг) при вводе в любой инпут браузер закрывается, в чем может быть проблема?

    Asked by swandev,

    0 votes
    2 answers

  5. Выложил сайт на хостинг - сменилась кодировка

    Сделал страничку, в notepad++ преобразовал в utf-8 без BOM. На странице тоже указал utf-8 <!DOCTYPE HTML> <html> <head> <meta charset="utf-8"> .... Когда разместил сайт на хостинге все стало кразозябрами, а кодировка сменилась на windows-1251. Почему такое случилось? Виноват хостинг или я что не так сделал?

    Asked by bob_24,

    0 votes
    7 answers

  6. Вымещение контейнера во внутрь слайдера.

    День добрый. Дайте совет, как можно вложить div, с текстом, в слайдер в котором прописаны стили для background, которые сжимают его, по мере разрешения экрана. Текст вылазит из-за position: absolute и bottom:40px http://hotels.fatrabbit.ru/

    Asked by Omega24v,

    0 votes
    3 answers

  7. Вынос скрипта JS в отдельный файл

    Вопрос следующий: При создании файла скрипта JS и добавление ссылки на него в html-файл: <script src="js/scaling.js"></script> будет ли он выполняться сразу при загрузке страницы или ссылка только позволит вызывать функции из этого скрипта, а чтобы этот скрипт выполнялся при загрузке, необходимо вызывать функцию из него в событии ".onload"? Знаю, вопрос глупый, но немного запутался. Прошу объяснить.

    Asked by Feel,

    0 votes
    4 answers

  8. вынос стрелочек слайдера

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

    Asked by cyklop77,

    0 votes
    6 answers

  9. выносить ли в хелпер?

    скажите пожалуйста стоит ли выносить подобные простые функции в хелпер или это параноя? changeColorFields: function(selector, borderColor) { $(selector).css({ border: '1px solid ' + borderColor }); } у меня в программе эта функция используется раз 10

    Asked by cyklop77,

    0 votes
    2 answers

  10. выотса в зависимости от количества строк

    Как можно кроме как таблицы сделать одинаковое расстояние до картинки, чтобы картинки были на одном уровне? мне пока только таблица пришла на ум, и возможно с помощью js смотреть высоту. В конце <li> имеется картинка. Есть какие то способы как можно растянуть этот треугольник? я подумал пока о том, чтобы внутрь <li> запихнуть <div> например, прибить его в правый угол, в <div> картинку, и растягивать этот <div> на высоту <li>. картинку ограничить в длине, а по высоте пусть тянется. сомнительно правда как то.

    Asked by npofopr,

    0 votes
    8 answers

  11. Выпадает Лишний Padding

    помогите, всю голову поломала уже делаю горизонтальное меню, вместо пунктов картинки <div class="navContainer1"> <ul> <li><a href="#"><img src="../../../_images/nav-btn01.gif"/></a></li> <li><a href="#"><img src="../../../_images/nav-btn02.gif"/></a></li> <li><a href="#"><img src="../../../_images/nav-btn03.gif"/></a></li> <li><a href="#"><img src="../../../_images/nav-btn04.gif"/></a></li> </ul> </div> вот css .navContainer1{ background:url('../../../_images/…

    Asked by Guest Ната,

    0 votes
    9 answers

  12. Выпадание margin'а. Почему так происходит?

    В примере выше мне не совсем понятно, почему при указании margin-top блоку №2, блок №1 также опускается в низ. Как я понимал ситуацию: блоки 1 и 2 смежные, между ними нет связи родитель > дочерний, следовательно марджин не должен был выпадать. Body {padding-top 1px} исправляет ситуацию, но меня интересует именно причина возникновения проблемы с блоком №1 Просьба объяснить на "пальцах"

    Asked by wa0s,

    0 votes
    4 answers

  13. выпадашка в bootstrap

    помогите пожалуйста решить проблему в примерах бутстрапа на этой страничке вы верхнем меню есть выпадающий пункт 'Dropdown' я взял эту страничку и вставил в верхнее меню html выпадающего пункта. в результате в меню появился пункт "Голосования", но после клика не происходит выпадание пунктов. вот пример моей странички на моей страничке после клика по пункту "Голосования" firebug показывает мигание класса dropdown, а должно происходить преобразованиие класса в dropdown open

    Asked by cyklop77,

    0 votes
    3 answers

  14. Выпадающая строка поиска на бутстрапе 3

    Добрый день. Скажите можно ли и как можно сделать на бутстрапе 3 поле поиска, которое видно на больших экранах, а на маленьких представляет собой иконку с лупой, кликая по которой снизу раскрывается строка на всю ширину для ввода искомого текста? Функционал иллюстрируется главной страницей М-Видео - сначала поиск раскрыт на широком экране, а на узком представляет собой иконку, клик по которой раскрывает поле поиска

    Asked by borus,

    0 votes
    5 answers

  15. Выпадающего меню с display:table-cell и position: absolute;

    Здравствуйте! Проблемы нет, но это мне и кажется подозрительным Сверстано меню с применением display:table; и display:table-cell; http://jsfiddle.net/SvetaGr/jf2rvkon/ Затем решили добавить выпадающее меню. По идее, должна была возникнуть проблема с позиционированием элемента с position:absolute; внутри ячейки - так было раньше. Для решения нужно было обернуть в дополнительный <div> позиционируемое содержимое. А сейчас, протестировав в актуальных версиях, такой проблемы не возникло. Странно.Почему так? Не хотелось бы, чтобы эта проблема где-то вылезла неожиданно.

    Asked by Светлана Г.,

    0 votes
    3 answers

  16. Выпадающее вертикальное меню.

    Добрый день, требуется помощь с меню в ява коде слабоват... Есть вертикальное меню http://7-8.at.tut.by/menu/menu.html - само меню http://7-8.at.tut.by/menu/scripts/script.js - ява код http://7-8.at.tut.by/menu/css/style.css - css файл В общем необходимо сделать, чтобы при наведении курсора на меню открывалось подменю (сейчас так уже есть), а если убрать курсор то автоматом закрывалось (вот этого нету)... Подскажите как это можно сделать?!

    Asked by yyyurik,

    0 votes
    0 answers

  17. Выпадающее вниз вертикальное меню на DLE

    Проблема заключается в следующем: есть шаблон DLE c вертикальными менюшками которые выпадают вниз на уровни. Реализовано все таким макаром: <ul id="nav"> <li><a href="/">ГЛАВНАЯ</a></li> <li><a href="ССЫЛКА"> МЕНЮ </a> <ul> <li><a href="ССЫЛКА">НАЗВАНИЕ ПОДМЕНЮ 1 </a></li> <li id=""><a href="ССЫЛКА">НАЗВАНИЕ ПОДМЕНЮ 2 </a></li> </ul> </li> <li><a href="ССЫЛКА"> МЕНЮ </a> <ul> <li><a href="ССЫЛ…

    Asked by Incestecide,

    0 votes
    3 answers

  18. Выпадающее горизонтальное меню

    Здравствуйте! Нужна помощь знатоков ибо таким я к сожалению не являюсь! Проблема заключается в том, что у меня есть горизонтальное меню построенное на списках. Чтобы центрировать его я использовал вот эту схему: #buttons{ float:left; position:relative; left:50%; text-align:left; } #buttons ul{ list-style:none; position:relative; left:-50%; } #buttons li{float:left;position:relative;}/* ie needs position:relative here*/ #buttons a{ text-decoration:none; margin:10px; background:red; float:left; border:2px outset blue; color:#fff; padding:2px 5px; text-align:center; white-space:nowrap; } #buttons a:hover{ border:2px inset blue;color:red;background:#f2f2f2;} #content{overflo…

    Asked by Emil,

    0 votes
    9 answers

  19. Выпадающее индексированное поисковыми роботами

    Подскажите, на чём нужно делать и как сделать выпадающее меню, чтоб оно индексировалось поисковыми роботами? Если кто делал,напишите пример реализации. Заранее благодарю.

    Asked by people2010,

    0 votes
    6 answers

  20. выпадающее меню

    Добрый день уважаемые, В общем незнаю в чем беда, 2 дня ковыряюсь в CSS, с копировал с Joomla выпадающее меню, В общем работает но немогу раздвинуть фоновые кнопки на с текстом внутри на одинаковое расстояние друг от друга. Первая и вторая кнопки нармально рассположены, третья уходит в право на растояние чуть больше чем положено, третья уезжает еще дальше. Предлагаю посмотреть код меню <div id=horiz-menu> <ul class="nav" id="horiznav"> <li class="active"> <span class="topdaddy"><a class="topdaddy" href="#">1</a></span><ul> <li><span class="top"><a href="#">1.1</a></span></li> <li>&…

    Asked by dfg,

    0 votes
    3 answers

  21. Выпадающее меню

    Огромная просьба! Помогите с выпадающим меню. Прочитала сотни примеров, но что-то у меня не получается, рассыпается вся моя конструкция. У меня имеется серое поле #grau_navi, на нем расположен блок #box_navi со списками непосредственно самих ссылок. При нажатии на ссылку GALERIE должно появится вертикальное подменю. Вот код: #mitte{ background-color: #FFFFFF; /*position: absolute;*/ width: 100%; left: 0px; float: left; border-color: #344d61; border-style: ridge; border-left-width: 1px; border-right-width: 1px; border-top-width: 0; border-bottom-width: 0; } #grau_navi{ background-color: #bcc4cb; float: left; height: 600px; width: 13.5em; margin: 0; margi…

    Asked by Tanuhin,

    0 votes
    3 answers

  22. Выпадающее меню

    Есть 3 блока Меню1 Меню2 Меню3 Пример можно увидеть на главной странице http://www.google.com.ua/ ВВерху есть ссылочка *ещ?*, вот мне нужно такое же меню, неподскажите как это сделать ? Спасибо.

    Asked by AcidBurn,

    0 votes
    2 answers

  23. Выпадающее меню

    http://news.yandex.ru/ при нажатии на ссылку ещё (над поисковой формой) вываливается список. Помогите реализовать такой же. Пробовал взять с этой же странички - в коде не смог разобратся, уж больно все сложно

    Asked by blagoy,

    0 votes
    1 answer

  24. Выпадающее меню

    Добрый день! Подскажите пожалуйста как сделать, что бы второе "Page 3" выпадало справа от первого? наперед спс кто поможет) <style type="text/css"> .menu { width:500px;} .menu ul { list-style:none; margin:0px; padding:0px;} .menu ul li { float:left; margin:0 0 0 2px; text-align:center;} .menu ul li a { display:block; width:100px; background:#3366FF;} .menu ul li a:hover { background:#FF0000;} .menu ul li ul { display:none; width:215px;} .menu ul li ul li { float:none; margin:5px 0 0 0;} .menu ul li:hover ul { display:block; position:absolute;} .menu ul li ul li .ul { display:none; float:left;} .menu ul li ul li .ul2 { display:none; float:none; position:…

    Asked by Spidey,

    0 votes
    1 answer

  25. Выпадающее меню

    сверстал я выпадающюю менюшку на UL LI во всем выглядит нормально, а в эксплорер и вид левый и выпадающяя часть при наведении мышки исчезает ...... в чем ошибка подскажите пожалуйста #top_menu li {_behavior: url(ie6hover.htc)} #top_menu { position:absolute; top:4px; left:36px; margin:0; padding:0; list-style:none; text-decoration:none; } #top_menu ul { position:absolute; top:27px; left:0; margin:0; padding:0; list-style:none; text-align:left; width:auto; z-index:1000;} #top_menu ul {background-image:url(../../siteimg/mk.gif); background-position:bottom; background-repeat:repeat-x;} #top_menu li { position:relative; float:left; display:block; height:27px; margin:0; pa…

    Asked by Likan,

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