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://pervolo.com/. Если прокрутить его до фиолетового блока с названием "WITH OUR CORE VALUES OF HARD WORK AND HONESTY", то можно увидеть как вокруг иконок плавно появляется круглая граница. Как это можно сделать? И еще вопрос как реализуется постепенное появление блоков с текстом, какие хорошие плагины вы для этого может быть знаете?

    Asked by alejandro13,

    0 votes
    0 answers

  2. как сделать постоянный отступ независымый от размера окна браузера

    прочитав статью на этом сайте "Фиксированный дизайн. Наложение слоев" решил попробовать на практике <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <head> <style type="text/css"> body { margin: 0px; /* Убираем отступы */ } a { cursor: hand; cursor: hand; border: 0; white-space: nowrap; text-decoration: none; } #top { /* Верхняя часть с заголовком страницы */ background: #e3e8cc; /* Цвет фона */ border: solid 1px black; /* Параметры рамки */ padding: 15px 0px 15px 10px; /* Поля вокруг текста */ margin-bottom: 15px; /* Расстояние между заголовком и колонками */ font-size: 24px; /* Размер шрифта */ font-weight:…

    Asked by Gloft,

    0 votes
    1 answer

  3. Как сделать похожий сайт

    Добрый вечер. С помощью какого скрипта можно сделать похожий сайт, есть ли готовые шаблоны или он сделан из огромного множества скриптов?

    Asked by Dobriyvecher,

    0 votes
    2 answers

  4. Как сделать появление картинки на картинке при навидении

    Как сделать появление картинки на картинке при навидении. Много раз такое видел на сайтах, а как понадобилось нигде не могу найти. Суть в том, что при наведении на большую картинку, на ней же, в верхнем углу надо показать вторую картинку. Появляющаяся картинка меньше размером и выглядит как кнопка. Посоветуйте где можно посмотреть примеры и почитать. Вот пример, но он не работает http://jsfiddle.net/WMtpL/ Кстати, делаю для сайта _livelyn.net - при наведении на картинку, на ней же в углу должна появится картинка-кнопка добавления в избранное.

    Asked by alleclf,

    0 votes
    2 answers

  5. Как сделать правильно hover?

    Не могу сообразить как правильно сделать hover, что бы при наведении на ссылку, менялось цвет иконок а не по отдельности. http://codepen.io/anon/pen/bwknF

    Asked by Roger,

    0 votes
    2 answers

  6. Как сделать правильно навигацию

    Есть такая навигация по сайту http://take.ms/DOWKs Не могу приложить ума как ее правильно сделать и чтоб она еще была адаптивной. Визуально я вижу навигацию в три колонки, которая в мобиле будет в одну колонку, но в первых трех колонках подраздели выровнены по одной линии (красные линии на скрине). А как добиться этого при обычных трех колонка, я не могу понять, ибо они все будут подниматься к верху и вся сетка собьется. Была мысль все тайтлы навигации и подразделы делать колонками, но в мобиле собьется логический порядок, а потом всех расставлять order-ом. Вариант конечно не очень, ибо если пропадет тайтл или появится новый блок ссылок, то все ордеры собьютс…

    Asked by vladmih,

    0 votes
    5 answers

  7. Как сделать правильно?

    Подскажите, как правильно написать код, чтобы объекты ( текст и изображение ) располагались именно таким образом? Я просто не знаю как одну область разбить например на две вертикальные части, где в одной, как на скрине, слева был бы текст, а в другой, справа, было бы изображение! Заранее благодарен!

    Asked by tema,

    0 votes
    7 answers

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

    Добрый день! Недавно у меня возникли проблемы с формой обратной связи - сообщения не приходили. Сайт я делал в Adobe Muse. Изначально форма имела такой вид ( я укажу лишь участок кода, чтобы внимание не распылять, так-как я думаю проблема именно в этом участке ) : $to = 'london@asiris.esy.es'; $subject = 'Home'; $message = '<!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/plain ;charset=UTF-8"/><title>' . htmlentities($subject,ENT_COMPAT,'UTF-8') . '</title>&l…

    Asked by Zakonoposlushniy,

    0 votes
    0 answers

  9. Как сделать правильное отображение

    Всем привет! Столкнулся с такой проблемой: создаю форму и так получается, что слишком много checkbox'ов. Пытался их прятать в <textarea> - отображается изначальный html-код, в <iframe> - данные не передаются. Поскажите, как можно спрятать все эти значения, чтоб всё работало нормально

    Asked by Гарыныч,

    0 votes
    2 answers

  10. Как сделать правый бар с помощью bootstrap grid?

    Каждый пост .row с 8 колонками и правый бар с 4 колонками, как сделать что правый бар не зависило от .row т.е правые колонки будут разной высоты не зависимости от от высоты поста? Это надо использовать Flex или Masonry? Сайт Html код Макет как должно быть

    Asked by codemix,

    0 votes
    1 answer

  11. Как сделать приложение?

    1111111111

    Asked by Сергей2341,

    0 votes
    4 answers

  12. как сделать пробел между ячейками в таблице?

    как сделать пробел между ячейками в таблице? вот сайт http://new-site.16mb.com/ нужно сделать пробел между шабкой и контентом, контентом и подвалом. а пробел был цветом фона.

    Asked by flatron,

    0 votes
    3 answers

  13. Как сделать проверку через w3c?

    Как сделать проверку HTML и CSS через w3c?

    Asked by Kenshi45,

    0 votes
    5 answers

  14. Как сделать прозрачную маску?

    Привет! Не первый раз сталкиваюсь с довольно серьезной проблемой... как сделать прозрачную маску. Что я под этим понимаю: Это маска любой формы которая скрывает часть содержимого выбранного <div>. Например в форме круга. Да можно сделать маску в цвет фона. Но если фон неоднородный из этого ничего не выйдет. Да и для JS анимации такие маски нужны сплошь и рядом. Гуру верстки, подскажите решение. =) Интересует конкретно: как сделать произвольную (нами обозначенную и любой формы) часть DIV прозрачной.

    Asked by Dokea,

    0 votes
    4 answers

  15. Как сделать прозрачные углы у inframe

    Я в верстке новичок, многих вещей не понимаю, как сделать такие же рамки и такую же прозрачность углов как на картинке, если учесть что это inframe

    Asked by Dobriyvecher,

    0 votes
    7 answers

  16. как сделать прозрачный градиент?

    сабж. от черного допустим к прозрачному

    Asked by AquaGen,

    0 votes
    3 answers

  17. Как сделать прозрачный слой?

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

    Asked by bayanruby2,

    0 votes
    3 answers

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

    http://joxi.ru/DmBNZa1hMNEYmP вот код

    Asked by raptor-dm,

    0 votes
    1 answer

  19. Как сделать прокрутку часов:минут:секунд в поле формы?

    Собственно сабж! Если не понятно поясню может чтото типа набора селектов формы?

    Asked by Silentium,

    0 votes
    3 answers

  20. Как сделать прокурутку в таблице

    Есть таблица с десятками широких столбцов и сотнями строк. Она не влезает в экран ни по ширине, ни по высоте. Нужна прокрутка. Причём, при вертикальной прокрутке должна оставаться видимой верхняя строка, при горизонтальной - левый столбец. Как это сделать? Файл с таблицей генерится программой на с++, так что об удобстве кодирования можно не беспокоиться, надо только чтоб страница в мозиле огнелисе выглядела и вела себя как надо. И выкладывать таблицу на сайт не нужно, это просто лог тестового приложения для теста самописной библиотеки. Но как есть очень не удобно ориентироваться в этой таблице.Таблица заполнена в основном шестнадцатиразрядными шестнадцатеричными числами, …

    Asked by Ирокез,

    0 votes
    6 answers

  21. как сделать пропорционально растягивающуюся картинку

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

    Asked by orel1990,

    0 votes
    7 answers

  22. Как сделать просмотр видео, в flv формате, на сайте?

    Забавно, но не могу уже второй день решить такой казалось бы простой вопрос. Нужно разместить flv видео подобно тому как на youtube. Чтоб также как и там, у пользователя появлялся проигрыватель, и он мог прям на странице просмотреть видео (сейчас у меня просто ссылки на скачивание). Сайт находится внутри городской локальной сети доступ из которой к Интернету часто недоступен, и вариант с видеохостингами отпадает. И чтоб работала это во всех популярных браузерах (IE, Opera, FireFox, Chrom). С инета надергал и перепробывал с полтора десятка различных вариантов, но не один кроссбраузерно не работает Например используя тег embed вообще не в одном браузере не заработало. А…

    Asked by Maximalist,

    0 votes
    1 answer

  23. как сделать простейший поисковик по интернету при табличной верстке

    Здравствуйте, подскажите пожалуйста, как довести до ума элементарный интернет поисковик google при табличной верстке.Насколько я понимаю мне нужен адресс необходимого скрипта для атрибута action элемента form?Вот моя верстка.Буду очень благодарен за помощь. <html> <head> <meta charset="utf-8"> <title>Поисковик</title> </head> <body> <form action="" > <table> <tr> <td> <input type="text" name="запрос" size="15" maxlength="25" value="что ищем?"> </td> </tr> <tr> <td> <button type="submit">поиск</button> </td> </tr> </table> </form> </fo…

    Asked by kotsa3,

    0 votes
    3 answers

  24. Как сделать профиль?

    Помогите пожалуйста!!! У меня возник вопрос: Как сделать так, что бы когда человек авторизовался, исчезали пункты меню "Регистрация" и "Вход", и появлялся пункт "Профиль", но при этом что бы профиль был у каждого с разной информацией? Заранее спасибо!

    Asked by mur444,

    0 votes
    4 answers

  25. Как сделать проще галерею карусель

    Доброго времени суток. Делаю галерею... В верстке все получилось (к сожалению не получается показать в jsfiddle) Перенесла в cms Карусель есть, но большое фото появляется только после нажатия на фото и например, перелистываешь на один дальше, то увидим, что фото выбора "зациклилось"... http://ruki24.aveas.ru/o-nas/ На самом деле я просто перемудрила... сделала зачем-то двумя скриптами, для табов и карусели.. А как сделать по другому не понимаю, чтобы при нажатие на фото в каруселе, открывалась большая фотка и прокрутка была только у маленьких?

    Asked by Mary_RND,

    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