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. Twitter Bootstrap

    Подскажите, как можно встроить navbar-fixed-top панель на страницу так, чтобы стили twitter bootstrap не перебивали основные стили сайта и наоборот?

    Asked by F_Z_14,

    0 votes
    3 answers

  2. twitter bootstrap. отменить адаптивность

    подскажите пожалуйста как можно при помощи twitter bootstrap сверстать страничку, элементы которой не подстраиваются под ширину экрана. то есть не изменяют вид и положение для примера набросал страничку. видно, что при уменьшении ширины окна браузера элементы странички изменяют вид и положение

    Asked by cyklop77,

    0 votes
    2 answers

  3. txt link hover и img link hover

    Помогите настроить CSS. Есть кусок: a:link { color: black; } a:hover { background-color: black; text-decoration: none; color: white; } img, img:hover { background-color: transparent; padding: 0px; text-decoration: none; } <a href="#">TEXT</a> <a href="#"><img src="#"></a> Проблема такая. У ссылочных картинок появляется левая толстая палочка снизу, от которой не избавиться А как избавиться?

    Asked by XTerm,

    0 votes
    3 answers

  4. type radio src image

    Как можно сделать чтобы type radio была изображением?

    Asked by Tchorteg,

    0 votes
    1 answer

  5. type="radio" в САФАРИ (5.1.2)

    Вот такая конструкция <div style="float: left; width: 15px; " align="right"> <input type="radio" > </div> в Сафари отображается серым квадратом без возможности выбора. Кто сталкивался? Баг Сафари? Как лечится?

    Asked by user_000149,

    0 votes
    1 answer

  6. type="range" и ie

    Добрый день, на сайте вывел ползунок <div class="range"><input type="range" name="rangeInput" id="rangeP" min="0" max="1" step="1" value="0" onchange="updateTextInput(this.value);"></div> <p id="demo"></p>Через css привел к одному виду в разных браузерах, но осталось две проблемы:1. В ИЕ при нажатии на ползунок и перемещении, появляется с верху квадратик с цифрой, значением, вот как его убрать.2. При перемещении ползунка, в зависимости от значения 0 или 1, должна меняться картинка, в гугле и опере меняется, а в ИЕ не хочет, где ошибка? <script type="text/javascript"> function updateTextInput(val) { if (val == "0") { docume…

    Asked by RK3DNP,

    0 votes
    3 answers

  7. type="text/css"

    У меня документ хтмл5, т.е. <!DOCTYPE html> Я в этом документе использую встраиваемые стили <style></style> Нужно ли писать type="text/css"? Видел много примеров? где его как пишут, так и не пишут. Знаю, что без него всё будет работать, но все же, лучше прописывать его? Или в хтмл5 он абсолютно не нужен? Такой же вопрос каcательно <script type="text/javascript"></script>

    Asked by Evkaky,

    0 votes
    1 answer

  8. type=file стили и значение

    Подскажите для поля как можно задать значение, что б при выводе формы там уже был путь к файлу? и еще как использовать стили для этого поля (покрасить: кнопу, background поля input)?

    Asked by Saveliy,

    0 votes
    1 answer

  9. Tень в IE9+

    Всем доброго времени суток!. Есть слайдер, который по разному отображает тень в IE9+(по бокам у элементов div.slider1 div.slide) в сравнении с тем же Firefox. Как быть?

    Asked by Arthur,

    0 votes
    5 answers

  10. Ucoz

    Скажите пожалуйста, возможно ли практиковаться и оттачивать навыки CSS и HTML на Ucoz.ru?

    Asked by sv12,

    0 votes
    19 answers

  11. ui autocomplete

    день добрый прикручиваю к инпуту автозаполнение http://jqueryui.com/autocomplete/ подскажите, плиз, как сделать, чтобы по фокусу инпута выпадающий список открывался со всеми элементами сейчас он открывается при вводе символов, если конечно нашлось такое вхождение

    Asked by Аксинья,

    0 votes
    0 answers

  12. UL

    Подскажите што делать.как убрать подчеркивание у ссылки <li>,и как сделать background-image. писал вот так.неполучаетсо. background-image:url:(img/fon.jpg)no-repeat; background-image:img/fon.jpg;

    Asked by Энди,

    0 votes
    17 answers

  13. Ul Li Display: Inline; - Отступы При Использовании Бэграунда

    Здравствуйте! Подскажите по ситуации, имею CSS: #maincontent > .sectionmenu { position: relative; margin: 0px 0px 0px 1px; padding: 0; width: 990px; height: 23px; border-top: 1px solid #000; border-bottom: 1px solid #000; } #maincontent > .sectionmenu.shadowline{ ~height: 9px; margin: 0; padding: 0px 0px 9px 0px; background: #fff url(/shdw3.png) top left no-repeat; } #maincontent > .sectionmenu ul{ background-color: #fff; margin: 0; padding: 0; height: 23px; } #maincontent > .sectionmenu ul li{ list-style: none; ~display: inline; background-color: #dedede; color: #333; padding: 0px 5px 0px 5px; margin: 0; font-size: 11px; line-height: 23px; height: 23px; …

    Asked by gard,

    0 votes
    6 answers

  14. ul li бутерброд без js

    Добрый день. Подскажите пожалуйста как реализовать аккуратное бутерброд-меню (ul li) без дополнительных подразделов и главное без js.

    Asked by Ubhra,

    0 votes
    7 answers

  15. ul li с птичкой

    Добрый день вот кусок кода html <ul> <li><a href="landscapes.php?t_dir=Olga">ОЛЬГА</a></li> <li><a href="landscapes.php?t_dir=Julia">ЮЛИЯ</a></li> <li><a href="landscapes.php?t_dir=Rimma">РИММА</a></li> </ul> css ul { margin: 20px; padding: 0; list-style-image: url(../images/list_icon.png); } ul li { margin: 0 0 15px 0; padding: 0 0; } Существует ли способ ставить только одну птичку в выбраной строчке li? Все что я нашел - это стремная переделка input с радиокнопкой. Может кто помочь пожалуйста?

    Asked by Xoma55,

    0 votes
    11 answers

  16. ul и h3

    Как выровнять список, что бы все было в одну строчку? <ul style="list-style:decimal;"> <li><h3>Заголовок 1</h3></li> <li><h3>Заголовок 2</h3></li> </ul> При построение такого списка нумерация на одном уровне а h3 на другом и ни как не получается их выровнять.

    Asked by sh1va,

    0 votes
    8 answers

  17. ul и img float

    В общем CSS вот такой для крыжиков и картинок: #content ul li { line-height:130%; padding-left:20px; background:url(../i/li.gif) no-repeat 0em 0.6em; } .article_intro img { display: block; position: relative; border: 1px solid #a9a9a9; margin: 0px 0px 5px 10px; padding: 3px; } Когда ситуация с флоат, то "крыжыки" съезжают на начало строки. <p><img style="float: left;" src=".." width="150" height="100" />asdasdasd</p> <ul> <li>asdasd</li> <li>asdasd</li> </ul> Вот фотка: Как правильно делать крыжыки и рамочки? Помогите..

    Asked by mailmoney,

    0 votes
    12 answers

  18. ul и li в контейнере

    Вопрос по CSS. Подскажите как заставить работать ul {мои данные} ul li {мои данные} только в контейнере например с классом "mycontainer"

    Asked by _ZheKA_,

    0 votes
    1 answer

  19. ul: margin: 5px;

    ul { list-style-type: none; margin: 5px; } Почему в "неправильном" эксплорере показывает отступ 5 пикселей, а в "правильном" файрфоксе - как будто не задавались параметры отступа, т.е. примерно 25 пикселей?

    Asked by Юзер,

    0 votes
    2 answers

  20. ul+li+images+ie = проблема

    есть обьект div, внутри него еще один див который крутит показ банеров. <div id="carusel"> <div id="bannerRotator"> <ul> <!--<img src="123_files/1390x140&text=one.gif" alt="bannerImage1">--> <li rel="1" style="display: block; opacity: 0.828293;"> <a href="#"><img src="123_files/1390x140&text=one.gif" alt="bannerImage1"></a></li> <li style="display: list-item; opacity: 0.171707;" rel="2"> <a href="#"><img src="123_files/1390x140&text=two.gif" alt="bannerImage2"></a></li> </ul> …

    Asked by rtl_one,

    0 votes
    0 answers

  21. Undefined index

    Undefined index в файле продукта tpl. Как устранить ошибку?

    Asked by Лелик,

    0 votes
    8 answers

  22. underline и sup

    Сделал ссылку с подчеркиванием. А в ней велечина м2, с помощью тегов sup. Так в месте где цифра 2 вверху, линия подчеркивания прерывается, подчеркивается двойка вверху, потом опять подчеркивается текст. В общем ссылка не красивая. Как бороться?

    Asked by fiver,

    0 votes
    2 answers

  23. underline у Hover

    Привет, убрал андерлайн у ссылок, но все равно маленькое подчеркивание остается(см на пикче). https://jsfiddle.net/aL9cgghf/ вот сам код, верстаю на бутстрапе.

    Asked by exoty,

    0 votes
    2 answers

  24. unexpected $end

    Извиняюсь за многабуков внизу( все однотипное правд но на всякий случай скинул весь блок). Делаю игру ( угадай число) и натолкнулся на проблемку. Parse error: syntax error, unexpected $end in /home/u177089695/public_html/gam2.php on line 203 Не работает именно из за кейсов, т.к. без них игра работает. Подскажите что не так сделал пожалуйста! switch ($t) {case 1:?><table> <tr> <td style="background-images: url(images/cat/1.png);"></td> </tr></table><?php break;case 2:?><table> <tr> <td style="background-images: url(images/cat/2.png);"></td> </tr></table><?php break;case 3:?><table…

    Asked by Manivani,

    0 votes
    4 answers

  25. upgrade Bootstrap v2.3.0 на v3.3.7

    Всем привет, А сложно ли перевести приложение c Bootstrap v2.3.0 на v3.3.7 и какие могут быть сложности? И достаточно ли будет переписть каталог и все ссылки на файлы версии v3.3.7? Спасибо!

    Asked by mstdmstd,

    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