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. Как сделать чтобы прокручивался только контент?

    Привет. Подскажите пожалуйста где можно почитать как сделать фон на сайте так что бы прокручивался только контен. Ну то есть фоном сайта является только одна большая картинка, и если контент выходит за риделы картинки то прокручивался бы только контент. Ну вот например как на этом сайткие - http://www.screenpaper.ru.

    Asked by misha-qwerty,

    0 votes
    1 answer

  2. Как сделать чтобы сайт воспринимал теги как обычны текст

    Здравствуйте! Подскажите пожалуйста, как можно сделать так, чтобы в определенном блоке сайт воспринимал теги как обычный текст и показывал их мне? Например: Я пишу материал на сайт, и мне нужно рассказать о каком-то теге, например <a></a>. Я пишу его в документ, естестно в готовом материале он не показывается. Как сделать так, чтобы все теги в определенном контейнере воспринимались как обычный текст?

    Asked by Faberton,

    0 votes
    3 answers

  3. как сделать чтобы текст был здесь

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

    Asked by adminfilm,

    0 votes
    4 answers

  4. как сделать чтобы текст в ячейке прокручивался.

    как сделать так чтобы текст в ячейке таблицы прокручивался. Ячейке задан фон картнка. нужно чтобы текст прокручивался по вертимкали в этой ячейке. Срочно нужна помошь.Спасибо.

    Asked by sofo,

    0 votes
    4 answers

  5. как сделать чтобы текст не лез на модуль...

    вот страница http://www.bk-ugra.ru/reklamodatelyam-i-partneram на ней текст лезет на правый модуль... все обошел. не понимаю как его ограничить... буду очень признателен, если тыкните в строку css которая это определяет [codecodebox ] body,td,th { font-size: 78%; line-height: 140%; color: #000000; font-family:Arial, Helvetica, sans-serif; text-align:left; } body { margin-left: 0px; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; background-image:url(../images/main_05.gif); background-repeat:repeat-x; } .header { margin:0px auto; width:980px; height:200px; } .logo { background-image:url(../images/main_02.gif); background-repeat:no-repeat; background-position:top; h…

    Asked by vovchikku,

    0 votes
    3 answers

  6. как сделать чтобы флотунтые элементы не съезжали на новую строку

    Подскажите пожалуйста как сделать чтобы флотунтые элементы не съезжали на новую строку при ширине окна браузера меньше 800px Ставил им inline и white-space: nowrap не помогло. http://codepen.io/sharov/pen/XbqRqd

    Asked by WarrenBuffett,

    0 votes
    5 answers

  7. Как сделать чтобы фон (блок) подстраивался под текст

    Всем привет. Помогите, пожалуйста, с меню. Пишу в этой теме, потому что звучит схоже с моей проблемой. Надо, чтобы пункты меню были текстом, соответственно, чтобы фон (блок) подстраивался под текст. Вот как на картинке: Мне нужно обойтись только HTML 4.01 и CSS 2.1 максимум. Вот ссылка на то, как делаю.

    Asked by beebeekei,

    0 votes
    2 answers

  8. Как сделать чтобы фон не просвечивал полупрозрачный бордер?

    subj. Вёрстка очень простая, <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title></title> <style type="text/css"> #test { background-color: red; filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#4c000000', endColorstr='#4c000000'); border: 20px solid rgba(0, 0, 0, 0.2); } </style> </head> <body> <div id="test"> DIV </div> </body> </html> вот так она рисуется: Собственно вопрос в том, как сделать чтобы фон не просвечивал …

    Asked by kidar2,

    0 votes
    3 answers

  9. как сделать чтобы фотография была определенного размера в процентах ОТ СТРАНИЦЫ?

    как сделать чтобы фотография была определенного размера в процентах ОТ СТРАНИЦЫ??например <IMG SRC="..." WIDTH="50%" HEIGHT="50%"> при изображении 400РХ на 400РХ оно будет 200 на 200, а мне нужно чтобы было при изображении 400РХ на 400РХ и шириной страницы 1024 на 600 изображение <IMG SRC="..." WIDTH="50%" HEIGHT="50%"> было бы 612 на 300 пикс...надеюсь понятно обьяснил или слишком запутанно?))) ну или проще...ВК пользователи ставят на аватарки разного размера фотки...у когото они вытянуты вверх у кого то квадратные и контакт делает их определенного размера когда их ставят на аватарку как они это делают?

    Asked by pharrell,

    0 votes
    1 answer

  10. как сделать чтобы футер наезжал на контент

    как сделать чтобы футер наезжал на контент точнее фоновый рисунок футера. как здесь

    Asked by AlexVrag,

    0 votes
    0 answers

  11. Как сделать чтобы ячейка была сылкой со всеми вытекающими...?

    Ситуация: ..... ..... В фаирфоксе не рабате( В ИЕ работает но при наведении курсор не становится рукой. Читал про специальный прием, что-то в роде OnMouseOver = ".....style = hand", но опять таки работает только в MSIE. Как еще можно сделать? На www.artlebedev.ru вроде так сделано, пока не могу понять как.

    Asked by RIVA,

    0 votes
    25 answers

  12. Как сделать шаблон Pisces в 3 калонки?

    Здраствуйте как сделать шаблон Pisces в 3 калонки я в смысле где нахордится меню опрос итд ( наверное это называется контереры) вот пример:

    Asked by byucoz,

    0 votes
    0 answers

  13. Как сделать шаблон Pisces в 3 калонки?

    Здраствуйте как сделать шаблон Pisces в 3 калонки я в смысле где нахордится меню опрос итд ( наверное это называется контереры) вот пример:

    Asked by byucoz,

    0 votes
    3 answers

  14. Как сделать ширину по содержимому?

    Надо чтобы один заголовок был снизу справа от другого. <div id="logo"> <h1> <h2> Не выходит: Рассчитанный стиль: width: 1022px; Стили: width: auto; Тоесть надо чтобы блок div был такой же ширины как надпись в h1

    Asked by AquaGen,

    0 votes
    2 answers

  15. Как сделать ширину текста строго под ширину div`a

    Здравствуйте, вот у меня есть код "блока" под новости на главной странице, этот код = <table> в таблице естественно <tr><td>, и вот в одном из <td> есть <div> в котором текст новости идёт, затем я сделал тест, написав ~500 символов и получилось так...что внизу страницы появился ползунок, как сделать так, что бы этого полузнка не было и текст шёл строго по ширине div`a?если больше - то пускай новая строка начинается.... Взаранее спасибо.

    Asked by LeoBit,

    0 votes
    24 answers

  16. Как сделать шоб шаблон не увиличевался!

    Как сделать что б шаблон не увеличевался в ширину??К пирмеру я добавляю какойто материал он увеличивается!!Вот посмотрите как выходит(смотри пирмер тут), а мне нада шоб вишло вот так как тут!!Помогите умоляю!!Зарание спасибо!!!

    Asked by Locdog,

    0 votes
    4 answers

  17. Как сделать шрифт нормальным

    http://jsfiddle.net/jaster/ESahE/

    Asked by jaster,

    0 votes
    7 answers

  18. Как сделать элемент SELECT - readonly?

    Привет. Вот собственно и вопрос. Добавление в элемент SELECT атрибута "disabled" не катит, так как, запрос POST посылает пустое значение элемента SELECT . Какая-нибудь есть альтернатива, чтобы сделать SELECT доступным тоько для чтения?

    Asked by Ingener,

    0 votes
    6 answers

  19. Как сделать элемент на всю ширину страницы с прокруткой

    Здравствуйте. Хотел бы выяснить один вопрос, стоящий на грани разметки и javascript. Есть такой эффект на javascript, называемый lightbox, и служащий для того, чтобы при щелчке на миниатюру изображения открывалось изображение в реальном размере. Пример такого эффекта можно посмотреть, например, на этой странице http://rostovstrojtorg.tiu.ru/p176712-gips...agostojkij.html (кликните на изображение) или же скачайте данный архив http://ifolder.ru/17079448, распакуйте все файлы и откройте страницу index.html Эффект работает нормально, но есть одна некрасивость. Когда эффект запущен и в центре появилось изображение, то если уменьшить размеры окна до появление горизонтальных пол…

    Asked by clavin,

    0 votes
    4 answers

  20. Как сделать элементарное "Подождите, загружается"

    Здравствуйте! Скажите пожалуйста, как вывести "подождите", пока выполняется php скрипт? Есть php скрипт, выполняющийся 20-30 секунд. Пока он выполняется, надо вывести пользователю - "Подождите, работаем ..."

    Asked by makemeunder,

    0 votes
    5 answers

  21. Как сделать элементы в одну строчку

    Всем привет! Как сделать, чтобы эти кнопки были в одну строчку. main.tpl <div class="lb_soc_icons"> <ul class="lb_si_menu"> <li><a href="#">В</a></li> <li><a href="#">F</a></li> <li><a href="#">t</a></li> </ul> </div> style.css .lb_soc_icons { position:absolute; left: 15px; top: 5px; } ul.lb_si_menu li { margin-bottom: 3px; } ul.lb_si_menu li a { display: block; height: 30px; padding: 1px; width: 30px; font-size:16px; font-weight:bold; line-height: 30px; text-align:center; color:#3bb0ea; …

    Asked by Wihar,

    0 votes
    5 answers

  22. Как сделать это адаптивным? Масштабировать изображения?

    Здравствуйте! Надо превратить эту картинку: в адаптивную верстку. Хочу спросить совета, как бы вы сверстали изображения, отмеченные на картинке цифрами 1(полупрозрачные складки) и 2(полукруглый банер).

    Asked by borus,

    0 votes
    6 answers

  23. Как сделать это без помощи php?

    Привет всем! У меня возник вопрос такого рода: Я уже практиковал php+mysql для создания блогосайтов, но! Но, например, если на странице(где новости) новостей становилось больше n штук то они попадали на 2ую и так далее, с помощью php, но такие страницы имеют вид site.com/news.php?s=n, но я встречал и такого типа site.com/index/Page/n. Вопрос в том как такое сделать и с помощью чего? Чтобы автоматически добавлялась страница в папку page или что? Спасибо всем.

    Asked by abe,

    0 votes
    2 answers

  24. как сделать это в адаптивной верстке.

    Здравствуйте. Помогите ,как сделать 4 блока как на скрине адаптивными, чтобы кода экран был меньше десктопа ,то эти блоки становились друг под другом?( черные полоски это отступы между блоками.) Спасибо

    Asked by ishurgaya,

    0 votes
    6 answers

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

    http://hostingkartinok.com/show-image.php?id=8c6819cb4a5581f1730c8b670e18fee3 имею в виду чтобы длина белого фона зависела от длины текста. p.s. без использования нескольких html элементов, а имея один, например <p>. реально?

    Asked by raptor-dm,

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