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. Различие псевдоэлементов :after и ::after

    Объясните, пожалуйста, в чём смысл ввода в CSS3 элементов с парой двоеточий?

    Asked by skvor,

    0 votes
    8 answers

  2. Позиционирование элемента

    Добрый день уважаемые профессионалы! Вот столкнулся с такой проблемой... Есть фон сайта (просто одна картинка), на этой картинке есть нарисованные ящики которые я хочу сделать ссылками (3 шт.) Я делаю следующее: нарисовал три картинки (пока что они разноцветные, что бы было видно куда их ставить, потом будут прозрачные), вставил их поверх фоновой картинки на те места куда требуется и прописал на каждую ссылку. В CSS поставил .leto { top: 38px; right: 310px; z-index:99999; position:absolute; } В html выглядит так: <a href="http://storeclothes.com.ua/index.php?option=com_content&view=article&id=16&Itemid=43"class="leto"> <img src="images/stories/…

    Asked by gumuch,

    0 votes
    3 answers

  3. Изменить положение кнопки в форме...

    Всем добрый день. Проблема: не удается изменить местоположение кнопки в форме, по отношению к "textarea". В хроме и сафари отображается нормально, но в остальных браузерах кнопка прилипает к "textarea". Каким образом кнопку можно двигать в внутри формы, помимо использования "float" Проясните, кто сталкивался с подобным, код прилагаю. <div id="obratka"> <form action="" method="post"> <p class="f">Ваше имя<sup>*</sup></p> <input type="text" name="t1" maxlength="40" size="30" class="text"> <p class="f">Ваш E-mail<sup>*</sup></p> <input type="text" name="t2" maxlengt…

    Asked by Gensen,

    0 votes
    2 answers

  4. Не могу прижать подвал к полу

    Здравствуйте, уважаемые профессора! Нужна ваша помощь! Не могу растянуть макет на всю страницу, хоть ты тресни! Хочется застрелиться :dash: Код html Код css Скачать архив (для вашего удобства ): _http://smokednuts.narod.ru/smokednuts.zip файл pokupatel.html Очень прошу помочь! Может я не тот доктайп юзаю?

    Asked by il.prohorowi4,

    0 votes
    8 answers

  5. Адаптивный дизайн 2014-2015

    Помогите разобраться Пришло время менять дизайн сайта. Стал изучать тему Адаптивный дизайн ... и сильно устал... Сайт у меня универсальной направленности, много картинок. Редизайн с перспективой на 2015 год, но чтобы одновременно не потерять сегодняшних посетителей. Основные посетители сегодня 1280-1600пх(70%), 1024пх(12%) Решил делать следующее - Макет фиксированный, адаптивный. <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> width: 920px; две колонки - для всех кто не понимает ЦСС3, для тех кто понимает ЦСС3 с мониторами до 1200пх. width: 1240px; три колонки - для всех кто понимает ЦСС3, и для мониторов от 120…

    Asked by AleksejR,

    0 votes
    4 answers

  6. font-face - подключить шрифт

    Привет! Возникла проблема! Есть шрифт (скажем, fnt (даже расширение не знаю.. )), он находится в папке font на сайте.. на сервере он не установлен... как подключить этот шрифт? т.е. чтобы можно было написать font-family: fnt; и он работал! Спасибо!

    Asked by GlooM,

    0 votes
    27 answers

  7. https перечеркнуто в хроме

    Подскажите почему https перечеркнуто в хроме Не отображается левая менюшка с категориями в IE9, только если нажать "Понимаю факторы риска" Установлен SSl сертификат на хостинге.. Посмотреть можно здесь сцылка

    Asked by veromi,

    0 votes
    4 answers

  8. Форма

    сверстал форму. Источник Мои вопросы: 1.) Почему в #wrapperF h2 текст не прижимается полностью к контейнеру h2(откуда берутся отступы на 7px сверху и на 3px от левого края)? Из-за этого у меня высота больше положенной. 2.) Что делать с #formFooter a ведь при уменьшении масштаба браузера(да и при увеличении), ему не хватает места(кстати почему?) и часть текста перепрыгивает вниз. 3.) Возможно как то ещё увеличить скорость загрузки формы(я уже оптимизировал png если что)

    Asked by S.D.Maquis,

    0 votes
    4 answers

  9. Вопрос по тегу A. "mail:" для email, "sms:" для SMS?

    Никто не знает, для того, чтобы создать новую SMS, нужно написать <a href="sms:+71111111"> ?

    Asked by vlad275,

    0 votes
    7 answers

  10. нужна помощь друзья!

    сайт: terra-clean.org css: body{ margin:0; padding:0; background-color:#E9EAEA; font-family:Segoe UI; } a{ color:#02364c; text-decoration:none; } a:hover{ color:#04668d; } a:active{ color:#04668d; } h3{ color: #02364C; font-size: 20pt; font-weight: lighter; letter-spacing: -1px; } #all{ margin:0 auto; width:1240px; background-image:url(../images/body_back.png); background-repeat:repeat-y; min-height: 700px; } /* HEADER */ #header{ position: relative; } #logo{ background-image:url(../images/header_blue.png); background-repeat:no-repeat; height:95px; z-index:999; position:relative } .logo{ background-image:url(../images/logo.png); background-repeat:no-repeat; height:31px…

    Asked by tesha_ppc,

    0 votes
    1 answer

  11. вопрос по понятию

    может кто знает что такое client side и что такое API? Спасибо!

    Asked by olechic,

    0 votes
    2 answers

  12. Форма подачи заявление

    Здраствуйте, помогите сделать такую простую форму подачи заявление для сайта продажи спецтехники. http://ru.turbo.az/site/autos/form Выше указал пример, Весь гугл перерыл не могу найти. реально ли такое сделать ? Я хочу поставить на своем сайте где все собрал с html. Снести сайт и поставить движок сильно не хочется. Буду блогадарен.

    Asked by pirani-comp,

    0 votes
    2 answers

  13. Резиновая высота блока с учетом вычета высоты header и footer

    Приветствую всех встала передо мной проблемка сверстать макетик с такой же структурой как и здесь - _http://makexhtml.ru/2011/rezinovaya-vysota-bloka-s-uchetom-vycheta-vysoty-header-i-footer-css-jquery/, только подвал у меня фиксированной высоты. Реально ли такое реализовать только с использованием дивов или же прибегнуть к таблице? или же использовать скрипты? надеюсь на помощь более опытных коллег, потому как сам додуматься не могу.

    Asked by RK152,

    0 votes
    3 answers

  14. Нужна помощь в реализации не стандартного Tabs

    в рисунке я отметил область 1 пункта и это область полностью активна. помогите разобраться как сделать так чтобы ссылка была там где она должна быть, а не во весь блок.

    Asked by lomrm,

    0 votes
    4 answers

  15. Контент на всю высоту

    Нужно сделать контент на всю высоту <div id="main"> <div id="content"> <h1>Lorem ipsum</h1> <p>Lorem ipsum dolor sit amet consectetuer eros odio vestibulum ipsum Aenean. Odio iaculis ut enim nulla tortor vitae mauris sed a velit. Eu Donec Cras non Phasellus lorem magna sem turpis commodo Donec. Urna augue odio tincidunt lacinia nulla Nam Curabitur Aliquam Nulla Donec. Condimentum urna pellentesque congue ridiculus condimentum Integer tortor quis hac nec. Turpis in congue risus.</p> </div> <div id="sidebar"> <div class="widget"> <ul> <li><a href="/">CSS</a></li> <li…

    Asked by moslem,

    0 votes
    3 answers

  16. Подключить свой css для Opera

    Добрый день. Есть проблемка. Сделал над хедером полоску дополнительную, Google, Safari, FF всё отлично, в Опере она торчит на половину, другая половина вне экрана, хочу создать ещё один CSS отдельно для Opera и там спустить её немножко. Использую Wordpress. Подскажите как сделать, буду очень благодарен

    Asked by spoilb,

    0 votes
    9 answers

  17. Три div'а в ряд

    Здравствуйте.Имеется три div'a , которые нужно расположить так , чтобы два блока , которые по бокам растягивались по мере уменьшения масштаба , а центральный оставался по середине и не тянулся , возможно такое дело осуществить? Вот пример , только здесь width указан точно в пикселях ; пробовал ставить width:100% не помогло ;( Заранее спасибо

    Asked by Zerro76,

    0 votes
    2 answers

  18. Прокрутка в блоке div

    Возник такой вопрос, например, в каком-то месте сайта, у меня имеется div-ka <div id="con_event">тут очень много данных, текста, таблички, картинки, без разницы что, скажем так на пикселей 1500 высотой</div> стиль div-ки: #con_event { border: 0 solid white; height: 440px; overflow: scroll; } Всё отлично, моя div-ка имеет высоту 440пикселей, появилась полоса прокрутки, всё как задумывалось. Теперь вопрос: данные в div-ке прокручиваются, как только я подвожу мышку на дивку, и начинаю прокручивать колёсико мышки, есть ли возможность сделать так, чтоб, для "активации" прокрутки необходимо было кликнуть по div-ке, ну или ещё какой-то вариант? Суть вот в…

    Asked by pmsi,

    0 votes
    8 answers

  19. Есть ли смысл писать семейство шрифтов?

    Мы часто пишем font-family: Arial, Georgia , Tahoma; Есть ли в этом смысл? Не достаточно ли оставить только Arial?

    Asked by Alexufo,

    0 votes
    4 answers

  20. Как добавить надпись под авторизацию в Gavik Financial Business

    Как добавить надпись под авторизацию как показано на скриншоте? Пробовал разместить модуль HTML код под авторизацией, но в итоге получал не то, что нужно. Т.к. при нажатии на кнопки появляется всплывающее окно с формой ввода. Демка шаблона: http://demo.gavick.com/joomla16/jun2011/index.php/2011-07-28-18-14-23/categories/financial-adviser/item/3-we-celebrate-your-success Joomla 1.7.5.

    Asked by PandaMan,

    0 votes
    21 answers

  21. Вставить видео

    Доброго времени суток! Учусь искусству верстания, тренируясь на макетах, представленных в рубрике "Макеты для начинающих". Столкнулась с такой проблемой. В одном из последних шаблонов есть видео, которое проигрывается через плеер Кинопоиска. Подскажите, как такое же сверстать? Так как я только учусь, объясните плиз как для чайника. Заранее спасибо!

    Asked by Анка,

    0 votes
    1 answer

  22. class

    Здравствуйте! а можно однному блоку присвоить 2 класа? типа <div class="class1,class2"> и какая кросбраузерность у этого метода?

    Asked by chiosan,

    0 votes
    1 answer

  23. Почему вкривь и вкось?

    Здравствуйте. Использую сторонний компонент и никак не могу понять, отчего изображения в рамках сдвигаются вправо и вниз? Здесь пример Благодарю.

    Asked by borus,

    0 votes
    4 answers

  24. Margin внутреннего блока не отталкивается от отцовского

    Подскажите п-ста по каким причинам блок делает отступ с помощью margin не от внутренней стенки своего родителя а от наружного элемента? (как показано на рисунке) Т.е. не так как указано здесь изображение

    Asked by Pumych,

    0 votes
    1 answer

  25. Косяк Хрома

    Как сделать что-бы при уменьшении или увеличении блок не становился меньше? http://za-zabor.ru/ Косяк возникает в меню (в виде забора) Вот так должно бытьhttp://itmages.ru/image/view/468883/a47d3af8 А вот так получается http://itmages.ru/image/view/468881/7d57ed7f За ранее спасибо)

    Asked by doox911,

    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