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. не получается уровнять по центру

    Здравствуйте, подскажите плз, почему не получается уровнять по центру. <p align="center"><img src="адрес картинки"/></p><p align="center"> Тоже самое и с контентом, ставлю уровнять по центру (или по правому боку) а он все равно слева. Я в это деле совсем новичок, дак что не судите строго, если это просто какая то мелочь) спасибо

    Asked by Tsilya,

    0 votes
    7 answers

  2. Как изменить анкор ссылок через CSS ?

    Как изменить анкор ссылок через CSS ? То есть в блоке у меня есть набор ссылок с разными анкорами, как заменить их все на другой ? Ссылки все время меняются, поэтому один раз прописать в коде не пройдет.

    Asked by kpripper,

    0 votes
    3 answers

  3. Вертикальное меню

    Есть вертикальное меню.Задана его точная ширина.В этом меню есть 6 пунктов, каждый из которых должен быть одинаковой ширины и чтоб текст был выровнен по центру каждого <li>. Нужно ,чтобы border был не на весь <li> , а только на <a> , но если так в коде указать то уменьшается сам пункт меню. Вот исходный код: <!DOCTYPE html> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>Art Печенье</title> <style> body,html{ margin:0px; padding :0 px; } a{ text-decoration:none; color:#ffffff; } .center {display:block; margin:0 auto;} ul#mainNav { margin-left:70px; margin-top:70p…

    Asked by averin13,

    0 votes
    4 answers

  4. перенос слов

    Здравствуйте ув. формучане, такой вопрос: есть сайт http://test11.16mb.com/, по бокам блоки со ссылками, меню и т.д... там где ссылка не умещается в блок, она тупо режится... Как сделать что бы если ссылка не влазит в блок, она преносилась на следующюю строку?

    Asked by greeb,

    0 votes
    9 answers

  5. Автоматически не регулируется высота DOM элемента

    Подскажите пожалуйста: <div id="main" style="padding: 3px; border: 1px solid #CFCFCF; background-color: whiteSmoke"> <div id="1" style="float: left">Слева</div> <div id="2" style="float: right">Справа</div> </div> Вопрос: Как отрегулировать высоты DOM элемента #main? (кроме прописывания высоты вручную в стили) Что не так: Два элемента #1 и #2 находятся внутри #main (в котором задан стиль, дизайн), но этот элемент не регулирует высоту, получается в итоге что эти два элемента #1 и #2 лежат вне основного #main, выезжают за границы

    Asked by uExpo,

    0 votes
    2 answers

  6. Равная высота блоков div

    Здравствуйте! Необходимо создать равную высоту двух блоков div. Блоки выровнял с помощью: float: left; Оба блока имеют визуальную границу. По идее, левый блок будет всегда иметь больше текста, чем правый. Но получается некрасиво - левый блок значительно ниже уходит границей, а хотелось бы чтобы обе нижние границы блоков были на одном уровне. Просьба сразу не пинать ногами, можно тыкнуть носом в мануал (хотя ничего не смог выудить полезного ) Всё вышесказанное одной картинкой http://s017.radikal.ru/i415/1111/36/0728d5870c67.png

    Asked by SniPPer,

    0 votes
    5 answers

  7. Проблема с валидностью html 4

    Доброго времени суток! Подскажите пожалуста можно ли как нибудь на страницах сайта подключить данную строку <script language="javascript" src="http://r1.wmlink.ru/?id=295119"></script> в отдельном файл? или исправить ошибку валидности она выделена цветом.

    Asked by vadimcucherencko,

    0 votes
    10 answers

  8. Растяжка

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

    Asked by sdasddsa,

    0 votes
    3 answers

  9. изображение на всю ширину макета

    Всем привет! Пробую верстать в нтмл мне более понятен язык разметки чем CSS,можно ли сделать в HTML изображение на всю ширину макета или есть ли возможность совмещение языком разметки??? Если есть возможности пишите пожалуйста подробно и с примерами. Заранее благодарен!!!

    Asked by Гость,

    0 votes
    1 answer

  10. Как создать эффект плавной градации цвета на CSS

    Подскажите как сделать так чтобы при наведении на изобр оно меняло цвет с ЧБ на цветную картинку с использованием одной картинки?

    Asked by 25karat,

    0 votes
    1 answer

  11. выравнивание списка по ширине для chrome

    Всем приятного дня. у меня возникла следующая проблема: Есть некий неупорядоченный список и надо выровнять его по центру. Mozilla и IE выравнивают нормально, но вот Crome и Safari символ маркера ставят в начале строки а сам элемент списка уже выравнивают по центру. К примеру <html> <head> <title>example</title> <style type="text/css"> ul {text-align: center;} </style> </head> <body> <ul> <li>first</li> <li>second</li> <li>third</li> </ul> </body> </html> Была идея просто создать картинку для маркера, вставить ее вначале элемента списка, а list-style-type задать зн…

    Asked by peani89,

    0 votes
    3 answers

  12. высота

    Как сделать, чтобы блок растягивался на всю высоту обозреваемой области?

    Asked by ctpz,

    0 votes
    4 answers

  13. раскрывающийся список

    пожалуйста помогите сделать раскрывающийся список (он долже размещатся в <div>)

    Asked by voin545,

    0 votes
    1 answer

  14. отвязывается css

    делаю сайт вот код html <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251"> <title>бла-бла</title> <link rel="stylesheet" type="text/css" href="index.css"> </head> <body> <div class="vse"></div> </body> </html> вот код css html,body .vse { background-color : ffccff ; } столкнулся с такой проблемой при добавлении абсолютно любого догтайпа при открытии страницы в браузуре не отбражается результат действия css

    Asked by voin545,

    0 votes
    7 answers

  15. Глупый вопрос новичка

    Учу потихоньку css, возникла проблема: Как убрать то пространство, что обозначено на скриншоте? .top { background-image: url(img/top_panel.png); background-repeat: repeat-x; padding-top: 46px; background-position: 0% 0%;}

    Asked by Rise,

    0 votes
    3 answers

  16. html5 <video>

    Поставила видео ориентируясь на статью http://htmlbook.ru/html5/video Почему то не работают некоторые встроенные элементы управления. Например в firefox не срабатывает кнопка play/pause. И при нажатии на само видео ...видео не останавливается. В IE9, chrome, opera, safari тоже не срабатывает кнопка play/pause. Что это может быть?

    Asked by nusha,

    0 votes
    1 answer

  17. не отображается css

    код html <!DOCTYPE html> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251"> <title>бла-бла</title> <link rel="stylesheet" type="text/css" href="index.css"> </head> <body> <div class="vse"> <div class="shapka"></div> </div> </body> </html> код css html,body .vse { background-color : #cccccc ; } .shapka { background-color : #ccffcc ; float : left ; height : 20% ; width : 20% ; } проблема в том что не робит класс shapka при добавлении абсолютно любого догтайпа (без догтайпа все норм но страдает кросплатформенность)

    Asked by voin545,

    0 votes
    1 answer

  18. Равное расстояние между DIV

    Ка сделать также: Не подходит: overflow, display table и просто table.

    Asked by Ritter,

    0 votes
    16 answers

  19. проблемы в Джумле с модулем..... height

    Добрый день! Скачал сурипт Sliding Tabs и решил вмонтировать в Джумлу. Все прошло успешно, но появился баг с высотой модуля. С под Линукса Мозила и опера - отображают нормально, С под виндовс - слишком большая высота. Но в Хроме из под Виндовс - тоже отображается нормально! Если нужен сайт http://vdsstore.com Привожу пример Оперы 11.52: Привожу пример Хром: Подскажите в чем проблемма?

    Asked by myav4ik,

    0 votes
    2 answers

  20. Как убрать лишние

    Есть документ html к нему подцеплена таблица css . В css очень много классов , и я имею мнение что половина из них лишних . Как убрать неиспользуемые не классы !? Или как наглядно посмотреть связки ? Маленькая вырезка из отчета проверки Dreamweaver : Я надеюсь - это не критично страшно 1. в теге img пропущены следующие обязательные атрибуты: alt[html 4.0] 2. Тег " p" допускает необязательный закрывающий тег. Закрывающий тег "table" закрывает контекст "p". Проверка продолжится как при закрытом контексте.[html 4.0] 3. Тег "td" не имеет атрибута "background" в активных версиях.[html 4.0] 4. "middle" не является допустимым значением атрибута "align" ни в одной из активных…

    Asked by soot,

    0 votes
    9 answers

  21. Выравнивание DIV'ов

    Здраствуйте. Мне необходимо сделать так, чтобы 2 DIV'а внутри 3его шли в ряд имели вертикальное выравнивание по середине относительно родительского: <div class="class1"> <div class="class2">sdfgsdfg</div> <div class="class3">dhfkajhdfkldhf</div> </div> Пытался назначить float: left; второму классу и vertical-align: middle; второму и третьему, но это не сработало. display: inline тоже. Кто нибудь знает как решить проблему?

    Asked by Dethen,

    0 votes
    2 answers

  22. Разный фон для IE и других браузеров

    Здравствуйте. Проблема такая: в CSS у тега html прописаны вот такие св-ва фона html { background-color:#f6f9f2; background-image: url("images/backall.jpg"); background-repeat: no-repeat; background-size: cover; background-origin: border-box; Естественно IE игнорирует св-во "background-size: cover;". Не хочется лишний раз заморачиваться, так что подскажите, можно ли сделать так, что бы во всех браузерах всё осталось как есть, а в IE отображался бы статичный цвет, без всяких картинок?

    Asked by Nilagor,

    0 votes
    3 answers

  23. С мена надписи в кнопке

    есть кнопка с поиском файла: <input class="review" title="аааа" size="20" id="file_8" name="file" type="file" /> В этой кнопке написано "обзор", подскажите как сменить в ней надпись. Через value не получается.

    Asked by karlitos32,

    0 votes
    2 answers

  24. в Опере и Хроме <p> тянется как хочет

    Добрый день. Прошу помощи в верстке. Верстать научился давно, но за современными тенденция не слежу. Сверстал два сайта по старой привычке. Оказалось что в Опере и Хроме тег <p> ведет себя совершенно непредсказуемо - растягивается пока хватает экрана. В ФФ все в полном порядке. Примеры страниц: http://demo.solinc.ru/sol-o/index.php?type=spec_cat&id=1320138116&pid=11 http://demo.solinc.ru/plt/ Огромная просьба подсказать знающих людей как исправить ситуацию. ЗЫ: Пожалуйста скажите как выглядят эти страницы в ИЕ, а то у меня слетел и устанавливаться не хочет( Заранее благодарен.

    Asked by solinc,

    0 votes
    2 answers

  25. Убрать за экран элементы тега form

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

    Asked by Lucifer,

    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