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. При нажатии на кнопку появляется ненужный синий цвет

    Добрый день. У меня при нажатии на кнопку, кнопка это кружок-картинка, выделяет его синим цветом + выделяет текст "ЗИМА". Можно ли это убрать как-то с помощью css?

    Asked by Nailya,

    0 votes
    4 answers

  2. Сайт HTML в блокноте

    Добрый день. помогите пожалуйста девушке, совершенно не разбирающейся в HTML и программировании в общем. задали на завтра задание прописать тегами HTML в блокноте небольшой сайт из 3-х страниц. вот так он должен выглядеть 1 страница (главная): заголовок, картинка-текст, картинка-текст. 2 страница : заголовок, таблица, текст-картинка 3 страница : заголовок, список, картинка-текст, хим.формула(сама не знаю что то) спасите утопающего, господа программисты

    Asked by AnastasiaG,

    0 votes
    4 answers

  3. Проблема верстки header'a

    Привет всем! У меня очередная проблема. Сразу хочу сказать, что я не профи, но в html и css разбираюсь. Однако суть в следующем. Мне нужно создать макет, как показано на картинке. Но у меня выходит просто какая-то ерунда. Эту ерунду можно посмотреть по этой ссылке http://testshop.mcdir.ru/. Не могу понять, что я делаю не так. Header уменя весь расползается. Помогите решить эту задачу. Вполне возможно (а я почему-то в этом уверен), что проблема с позиционированием. Исходный код прилагаю. index.html: <!DOCTYPE html><html><head><title>interior</title><link href="style.css" rel="stylesheet" /><meta charset="utf-8" /></head…

    Asked by sayapinant,

    0 votes
    4 answers

  4. Верстка при наведении на блок

    Здравствуйте, столкнулся с такой задачей: до наведения курсора http://joxi.ru/wYSTU_3JTJA9Y33ZX5U после наведения курсора http://joxi.ru/-4OTU_3JTJA1Y21ipcQ не могу придумать как это реализовать. а именно чтобы была внутри граница прозрачная и при этом поддерживал ie8.

    Asked by gameviktor,

    0 votes
    4 answers

  5. Как это сделано?

    http://blocparty.com/#home что за фича такая? у Павла Воли такая же мулька http://pavelvolya.com/

    Asked by xSPiRiTx,

    0 votes
    4 answers

  6. Настройка тега select

    Здравствуйте форумчане Недавно столкнулся с такой проблемой, которую не могу решить уже долгое время(( Даже всемогущий гугл мне не помог, так что рассчитываю на вашу поддержку А сам вопрос довольно прост: есть список select, который обязателен для отправки формы Первой опцией является просто сообщение "выберите персонажа", а остальные уже сами персонажи Мне надо, чтобы форма не отправлялась, если стоит опция "Выберите персонажа" Я ставил на эту опцию атрибут disabled, но это не помогло Вот собственно код <select required name="character"> <option disabled>Выберите персонажа</option> <option>Орк</option> <option>Эльф&lt…

    Asked by yura29,

    0 votes
    4 answers

  7. css

    Скачал шаблон сайта. Стиль, видимо, создан с помощью css. В папке только 2 html документа. Не могу понять где сам файл css. Вот фрагмент кода: <META HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=windows-1251"> <link href="file:///C|/Temp/kot/_kot_work/temp/temp.css" rel="stylesheet" type="text/css"> Как понять, где файл css, чтобы его отредактировать?

    Asked by sanek777,

    0 votes
    4 answers

  8. Проблема с версткой при различных расширениях экранов

    Всем привет..Проблема такова..есть сайт http://skazochniy-domik.ru/ Как сделать чтоб при увеличении/уменьшении расширения экрана,верстка оставалась статичной,или подстраивалась под экран..Дайте пожалуйста совет,ибо не знаю что делать....

    Asked by alexqq,

    0 votes
    4 answers

  9. Приколы c PIE в ie8. Ослик сошел с ума, или что?

    Привет всем! Опять обращаюсь к опытным (прошедшим огонь и воду) верстальщикам. Нужна ваша помощь. В общем, пытаюсь округлить уголки в ie 8 используя PIE, кажется задача не тривиальная, но не тут-то было. Все по порядку. Есть в версте слайдер, данный слайдер показывает картинку и немного текста, картинка должна быть круглой, понятное дело в нормальных браузерах это достигается без проблем, и понятное дело в ei8 и ниже все плохо. Когда я подключаю PIE и применяю border-radius к блоку (с behavior: url(PIE.htc)), внутри которого находится картинка, блок округляется, но картина нет, и она находится как бы сверху него, вот скрин: http://hkar.ru/tajE Когда PIE применяю …

    Asked by ya_verstaka,

    0 votes
    4 answers

  10. Макет n-torrents

    Мне всегда нравился дизайн сайта n-torrents, к моему удивлению даже макет его есть. У меня есть проблемка с фонами. Вот я отключил кое какие ненужные слои чтобы разобратся с фоном и что я увидел: http://s020.radikal.ru/i719/1406/bc/769155fab3ac.png много фонов, сверху есть яркая полоска которая репитится по оси x, ее можно и градиентом сделать,но я решил задать background, укзал цвет зеленный для всего блока див и прописал путь к картинки и репител по всей длине x вот исходный код: http://jsfiddle.net/QbLH2/ если посмотреть еще, там еще есть фоны, снизу полоска темная, в центре линии, по какой технике это все лучше осуществить? могу через множественные фоны css3, но тогда…

    Asked by WEB-best,

    0 votes
    4 answers

  11. Не валидный код, как лучше переделать

    Всем привет. Ну вот кажется сверстала станицу и тут меня дернуло проверить страницу на валидность и валидатор загнал меня за 101 км. Станица http://azharova.ru/test/afisha.html Итак, ругается он в основном вот на этот блок http://prntscr.com/3qf09s. Он сквозной блок через весь сайт. Посоветуйте как его лучше переверстать чтобы сохранить внешний вид. Вот как она работает на боевом сайте http://ezhikezhik.ru/ P.S. Говорили мне не используй чужую верстку, вот вам пожалуйста...

    Asked by Anna Zharova,

    0 votes
    4 answers

  12. строка ПОИСК

    Здравствуйте. Первая тема, первый раз. Прошу прощения, если где-то что-то не так. Собственно проблема в следующем. Взялся верстать макет сайта где-то месяц назад. Новичок в этом деле. Опыта 0. Строка поиска уже вторые сутки мучает. Все как бы можно и могу сделать вот только отображение в Хроме и паралельно ИЕ+Мазила разняться. Конкретно дело в рамке, которая должна обрамлять только строку ввода текста с трёх сторон. Вот скриншот http://rghost.ru/56239174 на котором в фотошопе псд файл и выше то ,что я уже получил. Дальше iq моего не хватает. Прошу помощи. Код который накидал вот: http://jsfiddle.net/lspanec/xxTu3/ Постараюсь еще раз описать: -что надо: добавить …

    Asked by lspanec,

    0 votes
    4 answers

  13. проблема с background-size в Firefox

    Здравствуйте, коллеги! Есть блок отображения рейтинга в виде сердечек. Сверстан просто: блок шириной 75px заполняется бэкграундом-картинкой-сердечком с background-size: 15px 12px. Т.е. 5 сердечек шириной 15px полностью заполняют блок шириной 75px: #ratingbox { display: table-cell; text-align: right; width: 75px; height: 16px; background: url('/images/icons/empty.png') 0 0 repeat-x; background-size: 15px 12px; position: relative;}Проблема в том, что в фаерфоксе 5 сердечек фактически занимают больше 75 пикселей, на каждое сердечко добавляется по 1 лишнему пикселю ширины, и блок ползет. В остальных браузерах все в норме. Вживую посмотреть можно здесь: http://vkruzhev…

    Asked by Elflight,

    0 votes
    4 answers

  14. Верстка на иврите

    Всем привет! Народ кто уже верстал на иврите, подскажите пожалуйста, с какими "подводными камнями" вы сталкивались? Чего нового придется учитывать? Спасибо =)

    Asked by fikret,

    0 votes
    4 answers

  15. Непослушные блоки. =)

    Здравствуйте! Уже довольно много сижу на данном ресурсе, здесь все есть, но сейчас что-то туплю уже несколько часов. Подскажите пож-та, как можно сделать так, чтобы блоки "Окно" всегда находились посередине, при растяжении или сужении окна браузера. Я никак не могу допереть. http://cssdeck.com/labs/yeukebdc

    Asked by IlyaSA,

    0 votes
    4 answers

  16. Текст в div

    Не буду описывать как долго я пытаюсь решить эту проблему. И вообще я дыбил. Проблема в том что у меня текст высотой в 14 пикселей не влазит в див высотой 25. ОН все время падла под ним, как сделать что бы текст был посередине(выравнивание не помогло, оно только по горизонтали выравнивает) <div class="comment"> <div class="comment-head"> <div class="comment-photo"></div> <div class="comment-name"><p style="text-align: center">name of a man</p></div> </div> </div> div.comment{ width: 250px; border-style: groove; border-radius: 8px; height: 140px; border-width: 1px; } div.…

    Asked by denisman,

    0 votes
    4 answers

  17. Нужна помощь

    Здравствуйте, я учусь верстать сайты, посмотрел кучу всяческих видео , перечитал кучу информации . И вот захотел сверстать сайт по макету psd . Посмотрел опять же ш видео, ну вроде норм. А потом как сел верстать сайт по другому макету наткнулся на кучу проблем и вопросов , на которые не могу найти ответов.Так вот ищу какого то опытного верстальщика что бы помогу мне в некоторых вопросах , я уверен что они будут совсем простые для опытного человека. Надеюсь на понимание , и обещаю не задолбывать по пустякам skype: Kaplun31

    Asked by kaplunA,

    0 votes
    4 answers

  18. Пространство вне сайта

    Всем привет! Я новичок, сверстала первый макет и уже второй день не могу разобраться - что за пространство возникает вне сайта, кто из дивов его провоцирует и как его убрать? http://cssdeck.com/labs/ochjkfna

    Asked by Violetta,

    0 votes
    4 answers

  19. Правильное позиционирование элементов в шаблоне HTML/CSS

    Столкнулся с проблемой во время самообучения, в мануалах описываются различные способы позиционирования элементов на странице. Но как правильно и оптимально это делать непонятно. При создании шаблона jsbin.com/rezukela/4/edit подсознательно понимаю, что делаю неправильно, но как по другому не знаю. Прошу если можно, исправить код, либо переписать, либо сказать основные ошибки которые я допускаю. P.S. Так же хотелось бы понять, как доработать сайт под любое разрешение и изменение масштаба.

    Asked by onhoric,

    0 votes
    4 answers

  20. Блок с текстом

    Приветствую! Как сделать так, чтобы блок .test_box открывался по клику, и его можно было закрыть по клику на кнопку. И как вывести текст с <p> у которого стоит значение :none, после того как будет открыт блок .test_box http://jsfiddle.net/uu6PL/1/

    Asked by Vans,

    0 votes
    4 answers

  21. Окна

    Доброго времени суток! У меня вопрос как можно с помощью фреймов или дивов и использую javascript модно и без него и сss. Создать окно определеного размера но его можно передвигать изменять размер но его открытие в одной вкладке и закрытие его. Как так можно сделать?

    Asked by webik28,

    0 votes
    4 answers

  22. Надежно ли хранить свои фото в picasaweb.google.com?

    У меня статический сайт, статический потому что не научился работать на CMS. Добавил сайту динамику с помошью сторонних сервисов, персональный поиск, disqus, хранение фоток в гугл. Места на хостинге 1 gb, а фоток много, решил попробовать на деле picasaweb.google.com, фото физически там а ссылка на моем сайте. Может ли быть так что google станет недоступным? Сайт состоит из частей, если какой то сервис не заработает сайт потеряет функциональность. Можно ли надеяться на бесперебойную работу сторонних сервисов?

    Asked by manas_anarov,

    0 votes
    4 answers

  23. Отступы у текста

    Подскажите, а почему у текста отступы? http://jsfiddle.net/oleg126/4b6Up/ http://savepic.net/5800248.htm

    Asked by oleg126,

    0 votes
    4 answers

  24. Bootstrap Carousel

    Добрый день! Прошу прощения есть обратился не в ту ветку. Нужно сделать адаптивный слайдер с помощью bootstrap 3. До этого мне еще не приходилось сталкиваться с bootstrap. Покурив немного литературку мне удалось сделать самый простой слайдер, <div id="myCarousel" class="carousel slide"> <ol class="carousel-indicators"> <li data-target="#myCarousel" data-slide-to="0" class="active"></li> <li data-target="#myCarousel" data-slide-to="1"></li> <li data-target="#myCarousel" data-slide-to="2"></li> <li data-target="#myCarousel" data-slide-to="3"></li> …

    Asked by alex.kv,

    0 votes
    4 answers

  25. float и display-block совсем беда

    Всем привет! Подскажите, пожалуйста, почему может не работать float или display:inline-block? Т.е. они как бы работают. Верхние и нижние границы между элементами схлопываются, но по горизонтали не выстраиваются.

    Asked by fitdevel,

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