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. width и height на 100%

    Не могу решить одну проблему. Как сделать когда браузер увеличивается или уменьшается размер(ширина и высота) изображения не менялся. Как бы он фиксированный. Пример http://mahno.com.ua/en/ (первый блок). У меня с шириной всё нормально, проблема с высотой. Мой пример с проблемой http://davronv4.businesscatalyst.com

    Asked by anvar9991,

    0 votes
    2 answers

  2. Обход ограничения

    Здравствуй уважаемый веб-мастер, если ты всё таки решился прочитать то что я здесь написал, то я уже бесконечно тебе благодарен за то что ты тратишь своё драгоценное время на меня! Я вынужден обратиться к тебе за помощью, надеюсь что не откажешь. Есть сайт, с которого я хочу по тихому свистнуть и убежать огромное количество контента. Скачивать хочу благодаря прямым ссылкам на эти самые файлы, которые в свою очередь я собрал с помощью PHP, но подлец-сервер не даёт мне этого сделать. Спустя некоторое количество удачных скачек, он буквально разрушает наши отношения на корню. Честно говоря, я пока так и не понял как именно работает механизм защиты но вроде бы прокси…

    Asked by Морская улиточка,

    0 votes
    2 answers

  3. Чем тестировать верстку под разные разрешения/девайсы без их наличия?

    Столкнулся с проблемой тестирования вёрстки под разные мобильные устройства. То что есть например в инструментах разработчика Google Chrome работает не совсем так как надо. Возьмём например код: <html> <head> <meta charset="utf-8"> <title>test</title> <link rel="stylesheet" type="text/css" href="css/style.css"> </head> <body> </body> </html> и CSS стиль для него: @media screen and (max-width: 1100px) { body{ background:rgba(43,167,,1.00);} } @media screen and (max-width: 640px){ body { background:rgba(213,,3,1.00);} } Цвет фона при ширине меньшей 640px меняется только при ручном измен…

    Asked by BOMS,

    0 votes
    4 answers

  4. Пустое место в углу верхнего меню

    Здравствуйте уважаемые эксперты! Прошу вашей помощи, проблема в следующем - 1) Необходимо исправить пробел в полосе верхнего меню, на скриншоте указал как 2) Как можно реализовать фоновую картинку с левой стороны и если можно чтобы она ходила вверх и вниз при прокрутке (пример прикрепляю в скриншоте). Если можно напиши подход как это можно сделать, допустим выровнять (align не помогает вроде) может как то ещё, приношу заранее извинения ведь я новичок в этом деле.... Я использую Joomla шаблон Blog J.Верхнею меню находиться в отдельном блоке. Какие варианты исправления могут быть? Заранее благодарен!

    Asked by Nedd,

    0 votes
    2 answers

  5. Помогите с css. Никак не пойму.

    Сайт закинул на ucoz http://promotingpeace.at.ua Помогите сделать корректное отображение в браузерах. (В некоторых браузерах отступы от топа и половина синего экрана. Некорректное отображение с разным разрешением) И решить проблему с прокруткой страницы. (Когда текста больше чем на странице, он заходит за окно браузера. Скрол не работает) Скрипты брал с интернета и css. 2-й день не могу разобраться. Очень нужно для одного проекта. Заранее благодарен.

    Asked by Extray,

    0 votes
    3 answers

  6. Текст в блоке вертикально по центру

    Как сделать без использование таблицы вертикальное центрирование текста в блоке? То есть внутри <span>текст</span> с displan:inline-block; и заданной фиксированной высотой нужно, чтобы текст был отцентирован по вертикали. Если бы текст был в одну строку, то я бы просто задал line-height. Но текст может состоять и из нескольких строк.

    Asked by PavelTkachev,

    0 votes
    1 answer

  7. Помогите пожалуйста с версткой

    Не знаю как поставить изображение под навигацию!Подскажите как это сделать пожалуйста! https://jsfiddle.net/3cm21j13/6/

    Asked by KamZed,

    0 votes
    3 answers

  8. Помогите разобраться с Less

    Здравствуйте. http://mixertest.pp.ua/ Изучаю основы Less. Написала адаптивную страницу, но при изменении размера окна несколько div сползают в section.comments (screen http://mixertest.pp.ua/image.html). Помогите пожалуйста найти причину.

    Asked by lbuzya,

    0 votes
    2 answers

  9. Как сделать подкатегории?

    Есть главные категории, а есть внутренние. Мне нужно, что бы при нажатии на основную категорию открывался список внутренних категорий, ссылающийся на главную категорию. К примеру это главная категория: <li><a href="/kartinki/"><span>КАРТИНКИ</a></li> А это кодкатегории: <div class="sc_header b_header"><span>Картинки</span></div> <div class="sc_content"> <ul> <li><a href="#">Звери 1</a></li> <li><a href="#">Димотиваторы 2</a></li> <li><a href="#">Природа 3</a></li> Помогите, прописать правильно. Если движо…

    Asked by @priest,

    0 votes
    1 answer

  10. Transition в IE11

    Как добиться transition в IE 11 ? Делаю greyscale но работает либо greyscale либо транситион в IE 11 <!DOCTYPE HTML> <html lang="en-US"> <head> <meta charset="UTF-8"> <title></title> <meta http-equiv="X-UA-Compatible" content="IE=9"> <meta http-equiv="X-UA-Compatible" content="IE=10"> <meta http-equiv="X-UA-Compatible" content="IE=11"> <style type="text/css"> img{ display:block; max-width:300px !important; transition:transform .4s; -ms-transition:transform .4s; -webkit-transition:.4s; -moz-transition:.4s; margin:50px auto; } .images:hover{ transform:scale(1.5); -webkit-transfo…

    Asked by Geyan,

    0 votes
    0 answers

  11. подскажите готовый элемент

    http://spokoino.ru/ на сайте если нажать на слово москва в предложении выбрать автоинструктора в Москве то появляется список регионов подскажите готовое решение и как такой элемент называется?

    Asked by https,

    0 votes
    0 answers

  12. Почему не отображается блок?

    При абсолютном позиционировании не отображается блок? Почему? Где ошибка? http://codepen.io/Diargon345/pen/xVJdeR

    Asked by diargon345,

    0 votes
    6 answers

  13. Не получается сделать разделитель в меню.

    Добрый день, не получается сделать разделитель, в виде символа "/" ,между элементами <a> на одинаковом расстоянии от элементов <li> <a> ,вот ссылка на код https://jsfiddle.net/tu6rwm2j/

    Asked by Pizza,

    0 votes
    3 answers

  14. как сделать меню резиновым?

    Для резинового сайта надо сделать резиновое меню - меняю ширину экрана, меняется шрифт меню. Увеличиваю ширину экрана - шрифт пропорционально увеличивается Уменьшаю ширину экрана - шрифт пропорционально уменьшается Дайте ссылку где можно почитать или подправьте stile_menu.css - css файлик приложил

    Asked by Alex_,

    0 votes
    4 answers

  15. Почему мелькает чёрный экран?

    Приветствую. Изучаю HTML. Делаю себе стартовую страницу со ссылками. Если в Firefox нахожусь на каком-то другом сайте и нажимаю кнопку для перехода на свою стартовую страницу на моём сайте ( она у меня по адресу www.krasivoe.net/start.htm ), то прежде чем моя стартовая страница откроется на мгновение мелькает чёрный экран. Почему чёрный экран? Как устранить этот эффект? Вот код стартовой страницы: <html><head> <title>СТАРТ</title></head> <body background=fon08.jpg link=green alink=red vlink=olive> <font face=Arial> <table width=100%> <tr> <td width=10%> </td> <td wid…

    Asked by Hehabr,

    0 votes
    6 answers

  16. видимость страницы

    Добрый день! div сайта имеет фиксированные размеры (950 / 630) и расположен по центру экрана. На ноутбуке все видно и работает, а в смартфоне (где размеры экрана меньше) и планшете, адресная строка браузера закрывает верх страницы с меню. Подскажите, пожалуйста, как это исправить.

    Asked by Abel,

    0 votes
    2 answers

  17. завернул img в div, но div имеет большую высоту чем img

    пример не пойму откуда берется лишняя высота у div... Help

    Asked by Daniil Khanin,

    0 votes
    1 answer

  18. Проблема с header'ом

    Здравствуйте, дамы и господа, столкнулся с проблемой header'а. Горизонтальный скроллбар уверен в том, что если мы его прокрутим в правую сторону, то он нам покажет что-то классное, а может и толкнёт пару пакетов с коксом, но если прокрутить, то браузер просто обрезает хедер и на этом всё, всем заранее благодарен за помощь. Вот код и пару скриншотов: header{ height: 50px; min-width: 1024px; width: 100%; background-color: #000; } Скрытый текст До прокрутки скроллбара после прокрутки скроллбара

    Asked by Hey,

    0 votes
    3 answers

  19. Каков самый правильный способ добавления <кода> в текст?

    Речь идёт о тегах <pre>, <code>. Как правильнее всего добавлять код в текст сайта? И ещё интересует, можно ли с помощью CSS научить тег <code> учитывать все пробелы и переносы? (по аналогии с <pre>)

    Asked by Anymaxis,

    0 votes
    3 answers

  20. верстке модального окна нет отступа между строками

    Всем привет, В верстке модального окна jsfiddle нет отступа между строками. Чем их установить и почему не сработал form-group класс ? спасибо !

    Asked by mstdmstd,

    0 votes
    3 answers

  21. Нужна помощь с shortstory

    Капец, не могу настроить этот файл. Одни траблы и косяки всплывают. Делаю с документацией версия dle 11 <div class="post block"> <div class="p_header b_header"><span><a href="#">{title}</a></span></div> <div class="p_content"> <img src="img/post.jpg"> <p>{short-story}</p> <p>Читать далее: <a href="#">Заголовок поста</a></p> <p><i class="fa fa-folder-open"></i> <a href="#">{category}</a></p> <ul class="stats"> <li><i class="fa fa-calendar"></i> 25-02-2016</li> …

    Asked by @priest,

    0 votes
    2 answers

  22. Нужна помощь с формами отправки данных

    на сайте скопированы несколько форм отправки данных и чтобы заполнить все поля стоит значение обязательно, и поэтому оно требует заполнить все поля на сайте. как можно сделать чтобы при заполнении 2 полей в одной форме оно их отправляло, а не просило заполнить все остальные? сайт http://acses.com.ua/

    Asked by kagan25,

    0 votes
    5 answers

  23. Помогите сделать объект по центру

    https://jsfiddle.net/9er90pzg/2/ Как сделать, чтобы пункты меню находились не слева, а по центру?

    Asked by ramazan2016,

    0 votes
    2 answers

  24. 2 значения в href???

    прювет) перейду сразу к вопросу... Есть ссылка <a title="" href="../ind_rus/palomnichestvo/#12apr" rel="nofollow"> Подробнее...</a> при переходе по этой ссылке нужно что бы выполнялся этот скрипт javascript:collapsElement('identifikator4') Можно ли в href засунуть эти два значения? например(не правильно): <a title="" href="../ind_rus/palomnichestvo/#12apr;javascript:collapsElement('identifikator4')" rel="nofollow"> Подробнее...</a> Теперь напишу по другому, на всякий случай)) На открывшейся странице у меня несколько блоков, в одном из них у меня есть раскрывающийся текст, он раскрывается по кноп…

    Asked by edem7778,

    0 votes
    10 answers

  25. Я решил учить flexbox.

    Я написал новое правило "flex-direction: column;" получается, то, что перевернул главную ось и потом добавил ещё одно правило "justify-content: center;" По моей логике, блок "my-flex-container" должен выравняться по середине высоты дисплея, не зависимо от разрешения. Почему он выравнивается, только тогда, если задать высоту? http://jsfiddle.net/c7c3L4zw/ Ведь, он же как-то выравнивается по ширине, если она не задана, почему тогда не выравнивается по высоте?

    Asked by DivMan,

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