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. Правильные модальные окна (arcticmodal) проблема установки

    Почему в IE не работает когда я сам делаю а скаченный пример - спокойно работает в IE, что делаю не так? Вот полностью html: <html><head><meta http-equiv="Content-Type" content="text/html; charset=windows-1251"> <title>ГК "Спектр-СБ" :: Системы безопасности, видеонаблюдения и контроля доступа в Самаре - Главная</title> <!-- jQuery --> <script src="//yandex.st/jquery/1.9.1/jquery.min.js"></script> <!-- arcticModal --> <script src="./jquery.arcticmodal-0.3.min.js"></script> <link rel="stylesheet" href="./jquery.arcticmodal-0.3.css"> <!-- arcticModal theme --> <link rel="stylesheet" href=".…

    Asked by xoff,

    0 votes
    1 answer

  2. Правильный выбор сжатия

    Суть вопроса в том: Есть шаблон psd в нем остров с полупрозрачным берегом, нужно как можно более компактно сжать картинку потому что на весь шаблон наложено ограничение менее 180 кб, а графики там море

    Asked by parfeon,

    0 votes
    5 answers

  3. Правильный выход из ситуации?

    http://daiver.in/ Прошу обратить внимание на меню и, блок слева, которые тянятся до конца ширины, (посмотреть можно уменьшив размер сайта), я нашел только такой выход из ситуации, интересно, есть еще какие нибудь выходы?

    Asked by Struggle,

    0 votes
    3 answers

  4. Правильный новостной заголовок

    Здравствуйте. Я сделал для сайта новостной заголовок сл. типа: <h1 class="title><span>12.03.12.</span>Название новости</h1> Но хочу сделать другой вариант, например: <span>12.03.12.</span><h1 class="title>Название новости</h1> Так как мне надо записать всё в одну строчку, то тег <p> не пойдёт. Какие есть ещё варианты?

    Asked by Sayitright,

    0 votes
    6 answers

  5. Правильный способ брать ссылки в кавычки

    В блоге Ильи Бирмана была опубликована заметка о способах оформления ссылок, заключенных в кавычки. Реализация того способа, который Илья называет правильным, на его собственном сайте очень проста: ссылки по умолчанию не подчеркнуты, внутри тега <a> принудительным образом подчеркивается только текст без кавычек: <a href="iscroll/" class="nou">«<u>Айскрол</u>»</a> Я счел это решение не слишком изящным и решил попробовать написать свой собственный способ. Мое решение было использовать псевдоклассы :before и :after, а также свойство content. a { color: Blue; } a:hover { text-decoration: none; } a.quoted { } a.quoted:before { content: "\0…

    Asked by mavsic,

    0 votes
    3 answers

  6. Правильный формат времени

    Решил использовать HTML5 у себя на сайте, занёс дату создания каждой статьи в тег <time>. Всё работает, но валидатор выдаёт ошибку: Назревает логичный вопрос: так в каком формате правильно записывать данный, находящиеся в этом теге?

    Asked by Ge1i0N,

    0 votes
    3 answers

  7. Правильный формат якоря

    В одном источнике якорь представлен одиночным тегом, в другом — пустым контейнером. Какой формат всё-таки правильнее? А может лучше контейнер, в который например, вложено название подраздела?

    Asked by rasmus,

    0 votes
    2 answers

  8. Правка CSS выпадающего меню

    Здравствуйте! Возможно ли сделать так, чтобы подменю открывались не вправо (как на скриншоте), а под (снизу) основным разделом (на скриншоте - это "О факультете") Код меню: /*Page menu*/ #foxmenucontainer{height:40px;display:block;margin:0 auto;font: 11px verdana,Arial, Tahoma,Century gothic, sans-serif;font-weight:normal;text-transform:uppercase;width:100%;background:#0D 6091 url('/images/menu.png') repeat-x;} #menu{margin:0 10px;padding: 0; height:40px;overflow: visible;} #menu ul {float: left;list-style: none;margin: 0;padding: 0;} #menu li {float: left;list-style: none;margin: 0;padding: 0;text-shadow:1px 1px 0 #0C5782;} #menu li a, #menu li a:link, #menu li …

    Asked by korsarfan,

    0 votes
    8 answers

  9. Правка мега меню от Gаviсk

    Не могу сделать меню аналогично сайту rarus(dot)ru Шаблон: http://demo.gavick.com/joomla16/jun2011/ Надо, что бы было как на рарусе. Что конкретно не могу сделать: 1. Межстрочный интервал и абзацы для ссылок. 2. Корректно увеличить ширину меню. Когда увеличиваю, то увеличивается ширина ссылки, но она налазит на другую колонку. Колонки в свою очередь не меняют своего размера.

    Asked by PandaMan,

    0 votes
    0 answers

  10. Правка меню и разбор полётов с позиционированием объектов

    Добрый день, решил поучиться верстке и натолкнулся на некоторые грабли, гугл не помогает, ну или я не правильно гуглю. Код в спойлере Первый вопрос: как настроить меню что бы отступы сами выравнивались?Ибо самому сидеть и подбирать в процентах как то не впечатляет. Пытался сделать что бы отступы были: top:50%; bottom:50%; left:50%; right:50%; Не работает, у меня div начинает сдвигаться в разные стороны. Второй вопрос: body я назначил relative что значит свободное позиционирование если я правильно понимаю. У верхних div-ов стоит статический мне нужно что бы всегда были сверху, то есть при прокрутке сайта они висели сверху. Но если я добавляю после <div …

    Asked by Julius_Alm,

    0 votes
    0 answers

  11. Правка сайта непрофессионалом

    Добрый день! Устроилась на новую работу, где мои основные обязанности занимают 10% моего трудового времени. Предложила свою кандидатуру для правки информации на наших сайтах, так как она (информация) не обновлялась около года (отсутствует соответствующая должность в связи с сокращением). Подскажите, насколько сложно будет мне вникнуть в процесс? или человеку абсолютно без опыта лучше не соваться?

    Asked by кристина,

    0 votes
    1 answer

  12. Правка стиля

    Помогите, пожалуйста, разобраться: не могу исправить цвет/размер текста: Перепробовала уже все стили, не выходит никак...сайт: http://apriori-chic.ru/

    Asked by Zeeeya,

    0 votes
    4 answers

  13. Правка формы заказа на сайте

    Добрый день! Полагаю, что мой вопрос совсем "детский", но прошу помощи, мне в силу возраста самой сложно разбираться в верстке. Буду очень признательна за помощь! Собственно проблема: через скрапбук я скопировала сайт, в файле index.html возникла необходимость поменять форму заказа, чтобы при заказе данные приходили ко мне на почту. Нашла order-section в файле, но непонятно, как именно вносить правки, в поле action стоит значение action="http://vip.fly-bra.com/order" Как сделать так, чтобы во внешнем виде формы не поменялось ничего (в т.ч. и таймер, "зашитый" внутрь нее), кроме, собственно, адреса отправки данных... Спасибо заранее! P.S.: прикрепляю сам ind…

    Asked by ekaterina67,

    0 votes
    7 answers

  14. правка шаблона на sass

    Имеется шаблон с scss исходниками. Как лучше его править, чтобы в дальнейшем не было проблем с обновлениями шаблона?

    Asked by vip,

    0 votes
    1 answer

  15. Правльность рассположение тэгов в коде.

    Знаю, что существуют блочные тэги и строчные, какие ещё есть? Какие теги относятся к блочным, а какие к строчным? Вроде как для правильного оформления, строчные теги могут помещаться в блочные, блочные в блочные, а блочные в строчные помещаться не могут. Верно?

    Asked by Нуб,

    0 votes
    1 answer

  16. правое меню в IE некоректно отображаеться

    Добрый день! Рад был бы, если подсказал кто нить как решить проблемку... Суть заключается в чем: Есть сайт в котором находиться картинка, задним фоном, и правое меню, в котором кнопки-картинки. Во всех брайзерах отображаеться нормально, а вот в версиях IE правое меню спустилось вниз под картинку, а должно стоять справа Вот тестовый адрес сайта... http://turnkey.org.ua/solli/

    Asked by myav4ik,

    0 votes
    3 answers

  17. правописание

    какими тегами выделить текст чтобы он не вылазил за пределы страницы

    Asked by Marbl,

    0 votes
    21 answers

  18. Правый блок fixed наезжает на контент?

    Моя ссылка Как сделать, чтобы он не наезжал на контент?

    Asked by hea8y,

    0 votes
    7 answers

  19. Правый блок вниз убежал :-(

    Всем привет! Прощу помощи... Сломал уже голову, не знаю как блок на место вернуть.. Когда на главной странице, всё норм, когда нажимаю на новость, блок убегает - http://immersprint.tk/hello-world/

    Asked by palomig,

    0 votes
    5 answers

  20. Правый блок заезжает на футер

    Добрый день. При перевёрстке сайта с таблиц на блоки появилась проблема -- правая колонка начала упрямо залезать на футер. Padding в футере почему-то даёт отступ от основного контента (аналогично контент от футера), а "правый" div, находящийся между ними, игнорирует. Пробовал справиться с помощью float, clear: both -- увы, не помогает. Нужно чтобы подвал в любом случае находился ниже основного содержания и правого блока. Фрагмент CSS-кода: #content { margin-right: 231px; padding: 10px; border-right: 1px dashed #183533; } #content p { margin-top: 0.3em; } #rightcol { position: absolute; right: 0; top: 131px; width: 220px; font-size:…

    Asked by ticca,

    0 votes
    2 answers

  21. Правый контейнер падает

    Привет. Как сделать, чтобы правый контейнер не падал? Если текст в одну строку, то все в порядке, а если 2 и больше, то падает. Или проще сделать через table? CSS: .tdm {width: auto; font-size: 13px; padding-right: 15px;} .type-of-material {width: 100%; height: 85px; background: #620; margin: 10px 0 0 0;} .type-of-material-cover {width: 116px; height: 85px; background: #fff; float: left;} .type-of-material-info {width: 100%; background: #904; float: right;}HTML: <div class="tdm"> <div class="type-of-material"> <div class="type-of-material-cover"></div> <div class="type-of-material-info"> 51-я пех…

    Asked by m1n1vv,

    0 votes
    2 answers

  22. Прайс html из jpg

    Здравствуйте, у меня такая задачка интересная)))) Есть прайс лист в jpg в дизайне сайта, нужно его сверставть в html, что бы была возможность в дальнейшем его редактировать через админку. Вот jpg: ну я решил сделать это следующим образом: <!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/html; charset=utf-8" /> <title>Документ без названия</title> <style type="text/css"> <!-- #prais1 { background-image: url(img/prais%20lazernai%20gravirovka_test.jpg); backg…

    Asked by an1401,

    0 votes
    24 answers

  23. ПРАКТИКА CSS

    Здравствуйте Уважаемые верстальщики. Около 6 месяцев тому назад я пробовал научиться верстать сайты, после чего забросил верстку, так как не было на нее время. И сейчас я заново решил взяться за верстку, и пришлось начинать опять с нуля. Хорошо что раньше я создавал для себя шпоры по свойствам и тегам, что позволило мне вспомнить пройденый раньше материал. Сейчас моя голова полна теорией, а хотелось бы покопаться в шаблонах чтобы посмотреть как это все работает на практике. И я хочу попросить вас парочку ссылок на готовые шаблоны, где можно посмотреть как правильно верстать кросбраузерные, валидные сайты. п.с правильно ли я выбрал инструменты для верстки? notepad ++ to…

    Asked by Ten,

    0 votes
    9 answers

  24. практика верстки

    Народ, а где взять "материал" для верстки? Как вы начинали? Сам я в дизайне полный нуль, если сесть за изучения дизайна, не известно когда работать смогу начать. %)

    Asked by KeKe,

    0 votes
    1 answer

  25. практика вёрстки

    Ребята, подкиньте пожалуйста мне какой интересный и в тоже время не самый трудный шаблон для тренировки. хочу попробовать свои силы)) заранее спасибо)) ах да и ребята, прошу вас подскажите такую деталь, вот ты видишь картинку сайта, что нужно сделать прежде начать верстать?? то есть на что нужно обратить внимание в первую очередь. прошу вас в виде: 1) ... 2) ... 3) ... спасибо)

    Asked by egrom92,

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