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. вертикальные вкладки, в которых текст перевёрнут под 90 градусов

    Здравствуйте! Подскажите ,пожалуйста, как можно сделать такое http://prntscr.com/71qpms ? 1) в табках текст должен быть перевёрнут на 90 градусов 2) текст может меняться (был tab1 , потом стал tab22222222222222) 3) табки должны иметь каждая свой размер, в зависимости от текста в ней. вариант сделать текст картинкой не подходит. !!!!!! поддержка IE8+ !!!!!!

    Asked by ruvi,

    0 votes
    2 answers

  2. Пропадает фон при высоет 100%

    http://jsfiddle.net/digitalmedia/6z3o340x/ Не могу понять, в левой и правой колонках фон тянется только на высоту браузера, и если контетна больше, фон в левом и правом столбцах пропадает внизу. Как можно обойти?

    Asked by vip,

    0 votes
    7 answers

  3. Проблема с фреймом(html).

    Создал фрейм, для перехода по сайтам. Но ссылки гугл, яндекс, вконтакте, одноклассники, сбербанк и ютуб не хотят открываться в фрейме (content). Хотя в новом окне эти-же ссылки открываются - Значит дело не в ссылках. Начал эксперементировать: Заменил ссылку гугл на ссылку htmlbook.ru и ссылка заработала. В том самом контенте (content). Значит в фрейме проблемы нет. И тут я завис. Помогите, кто разбирается в фреймах. Вот код самого фрейма: <!DOCTIPE html><html><head><title> web-server.ucoz.ru - rekom - mozilla </title><meta http-equiv="Content-Type" content="text/html; charset=utf-8:0057"/></head><frameset rows="35,*" framebord…

    Asked by Mestniy96,

    0 votes
    6 answers

  4. Как подключить конфигуратор ко всем страницам сразу?

    В общем, сделал электронный учебник html состоящий из 50 стр, создал файл css, чтобы подключать стили. Вопрос: Как подключить конфигуратор ко всем страницам сразу? Не прописывая в каждой стр <link>?

    Asked by Fighterus,

    0 votes
    2 answers

  5. Тень

    Помогите, пожалуйста, разобраться с тенью. Я где-то не верно прописываю очевидно, но у меня никак не получается сделать тень которая нужна... http://clip2net.com/s/3haDhu1 Полуется плохо http://clip2net.com/s/3haCUqC box-shadow:0 1px 1px rgba(194, 194, 194, 0.45), 0 2px 1px rgba(210, 210, 210, 0.45), 0 3px 1px rgba(228, 228, 228, 0.45), 0 4px 1px rgba(241, 241, 241, 0.45);

    Asked by Orysya,

    0 votes
    3 answers

  6. Выравнять лейблы стилями

    Подскажите, пожалуйста, в совсем простых блоках с инпутомами и лейблами к ним хочется чтобы все лейблы лежали 1) сверху над инпутами или 2) на одной строке, причем, чтобы все лейблы были одной ширины и их инпуты таким образом вырравнивались слева. Причем, чтобы поведение выше изменялось без изменения в коде, а одним css-кодом. Верстка: <div class="form-artist_song-field form-require term-site-wrap "> <div class="for_input_label"> <label for="artist_site">Site</label> </div> <input type="text" size="50" maxlength="50" name="artist_site" id="artist_site" value="" aria-required="true"> <p>Site of artist. Required and must b…

    Asked by mstdmstd,

    0 votes
    1 answer

  7. Оверлеи поверх картинок

    Введение. Есть некое приложение на С. Оно взаимодействуя с пользователем собирает данные. Данные используются для генерации html кода. html код выводится в отдельном окне браузера. На сей момент все нормально. Проблема. Флаг, предположим, Турции, можно составить из трех элементов - фона <div> и двух объектов <img>. Пользователь задал данные, при которых цвета элементов иные. Программа изменяет html код. Тогда изменяется свойство css div.flagbackground{...; background:"#FFBB80"}То, как наложить цветовой фильтр на картинку (монотонная) - и есть проблема. Как вариант - загружать картинки белого цвета и накладывать фильтр. Ограничение лишь в чита…

    Asked by catcat,

    0 votes
    8 answers

  8. Фоновое изображение

    Есть сайт фиксированной ширины. Есть фон, который вставляется в body. И все бы хорошо, но фоновое изображение это с градиентом. Как сделать так, чтобы оно растягивалось на весь экран? Потому-что видно когда оно начинает повторяться по ширине Или просто какой-то другой способ подскажите? Тут чтобы понятнее было http://jsfiddle.net/H6zth/

    Asked by Imperil,

    0 votes
    8 answers

  9. Какие бывают меню (навигация)

    Здравствуйте! Вопрос может показаться странным и специфическим, просто я делаю одну вещь на РНР, которая должна будет принимать данные со стороны и на основе их делать меню, как-то так, по этому мне надо разобраться какие "типы" ссылок в меню бывают, что я подразумеваю под словом "типы", типы в моем случае разделяются исключительно только по заданному у них атрибуту class и стилям (которые через этот class и задаются), допустим есть меню из 3-х элементов: "Главная", "Контакты", "О сайте". Мы находимся на странице "О сайте": - простое меню, все ссылки имеют одинаковый стиль (один class), "О сайте" ни как не выделяется. - меню посложнее, тут уже ссылка "О сайте" выделена ц…

    Asked by CLK,

    0 votes
    3 answers

  10. Проблемы с бутстрап - высота колонок при адаптивности.

    Доброй ночи, уважаемые форумчане! Столкнулась с проблемой при использовании бутстрап, Есть 4 колонки - при нормальном расширении все ок, row подстраивается под высшую колонку и нормально толкает вниз контент, при появлении адаптиности это не происходит - то есть в том же ров есть 4 колонки но уже в 2 ряда и автоматического выравнивания рядов по высоте колонки нету. Частично решить эту проблему можно задав при адаптивности высоту для well, но мне нужно чтобы колонки автоматически тянулись и шахматная доска не появлялась. http://clip2net.com/s/3h6dxUj Возможно, кто-то сталкивался с похожей проблемой и сможет что-то подсказать)))Буду очень благодарна за любые советы

    Asked by Orysya,

    0 votes
    2 answers

  11. Карусель Bootstrap 3

    Как сделать плавные переходы в стандартной карусели Bootstrap 3

    Asked by virtas,

    0 votes
    0 answers

  12. 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

  13. Сворачиваем удочки!

    Что вы думайте о новом приложений Photoshop CC Export Kit? Мне кажется что это конец!

    Asked by TuTaHuKk,

    0 votes
    11 answers

  14. Практика для верстальщиков

    В отдел веб-разработки компании PENTESTIT требуется верстальщик. Наша компания работает в области информационной безопасности и практически все наши проекты связаны напрямую с этой сферой деятельности. Одна из последних работ - real-time карта атак https://lab.pentestit.ru/map Если вы хотите решать интересные задачи в дружном коллективе единомышленников - вы ждем Вас. Даже если Вы начинающий верстальщик - не страшно, научим и поможем освоиться. В задачи верстальщика входит верстка страниц по присланному макету, в том числе под такие cms как 1c-bitrix, wordpress, joomla. Задачи в отделе веб-разработки делятся на два типа: внутренние проекты компании и сторонние заказ…

    Asked by efweb,

    0 votes
    0 answers

  15. bootstrap and section

    http://texteredsa.besaba.com/kalolia/kalolia/ Есть сайт. Верстаю на bootstrap 3. Почему та в ie8 верстка рушиться, буд-то секционные элементы не понимает. Подскажите в чем дело?

    Asked by raptor-dm,

    0 votes
    3 answers

  16. Адаптивный дизайн в ИЕ8

    Скажите пожалуйста, как можно заставить старые ИЕ понимать html5 и CSS3. Проверил сайт в ИЕ8 - такое чувство что он всё что в media просто пропустил. Я уже молчу о тенях и округлостях всяких, хотя бы общий вид макета сохранить.

    Asked by alleclf,

    0 votes
    13 answers

  17. Иконки под новостью или CSS background

    Я сделал и хочу использовать иконки для новостей сайта: Я собрался это делать при помощи следующего кода: HTML <div class="cdetails">{link-category} <span class="inviews">{views}</span> <span class="inauthor">{author}</span> <span class="indate">{date}</span> <span class="incomments">{comments-num}</span></div>CSS .cdetails span {padding-left:16px;margin-right:16px;background:url(../images/icons.png) 10px 10px left center no-repeat;}.inviews {background-position:0 0;}.inauthor {background-position:0 0;}.indate {background-position:0 0;}.incomments {background-position:0 0;}Однако сами иконки на сайте не отоб…

    Asked by iBars,

    0 votes
    11 answers

  18. Сайт некорректно отображается в IE и Firefox.

    Ребят, помогите с сайтом. К сожалению поздно додумался проверить его во всех браузерах, в итоге не могу разобраться в чём проблема. Сайт небольшой, писал его в Dreamweaver. По сути это таблица из двух столбцов, в левом лого (с параметром position: absolute), ниже форма заявки. А в правом контент. Ниже этой таблицы футер. На фоне этой таблицы шаблон картинки, которую я потом поменяю. Проблема в том, что в IE (11) и Firefox содержимое левого столбца смещается ниже таблицы. И я не допёр почему. Вот архив с сайтом.

    Asked by R45H,

    0 votes
    1 answer

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

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

    Asked by palomig,

    0 votes
    5 answers

  20. Метод как вставить линию до и после текста

    Не подскажите ли метод как вставить линию до и после текста, так чтобы они заполняли всю ширину. Нашла только метод с дополнительным span - надо прописывать другой цвет бэкграунда но для моей ситуации это не подходит((( http://clip2net.com/s/3h0LZyt Заранее благодарю)

    Asked by Orysya,

    0 votes
    10 answers

  21. Проблема не коретного отображения шрифтов в различных браузерах

    Здравствуйте! Столкнулась с проблемой не коретного отображения в различных браузерах шрифтов. В фф опере при масштабе 100% великоват и жирнее, в хроме все всегда ок. Не подскажете как такую штуку преодолеть?))) И еще о шрифтах - не подскажете ресурс с широкой коллекцией шрифтов (не гугл фонт и вебфонт.ру))))? мне нужно подключить Tahoma и Century Gothic))) Заранее благодарю и извините, что загружаю так вопросами) http://clip2net.com/s/3h0wGoq http://clip2net.com/s/3h0wVLY

    Asked by Orysya,

    0 votes
    4 answers

  22. Как сделать аналогичную анимацию скролла

    Каждый блок на весь экран. При скролле новый блок появляется как показано на видео: http://www.youtube.com/watch?v=WyMe1vMBzak Подскажите, может есть готовое решение подобных переходов?

    Asked by posthack,

    0 votes
    0 answers

  23. Полупрозрачный фон на изображении

    Добрый вечер форумчане. Столкнулся с такой проблемой. Никак не получается наложить полупрозрачный фон на изображение. Пример можно посмотреть здесь http://rezka.plasmainfo.ru. Заранее спасибо за ответы.

    Asked by combyuro,

    0 votes
    6 answers

  24. Меню как в Эппл на бутрапe

    Доброго вечера! Решила сделать себе заготовку меню как в Эппл на бутрапe - чтобы все li расползались равномерно на весь блок. И я или где-то туплю очень или что-то не учитываю, но никак не получается. В обычном сайте норм все, а здесь нет ... Может подскажет кто-то в чем дело?) ... Где я туплю... буду очень благодарна) Пристроить это http://jsfiddle.net/xsvhj/3/ к стандартномубутстраповскому меню никак не получается

    Asked by Orysya,

    0 votes
    4 answers

  25. Трехуровневое меню

    Здравствуйте! Есть трехуровневое меню типа: <ul> <li> Menu1</li> <li class="active"> Menu2 <ul> <li>Submenu1</li> <li>Submenu2</li> <li class="active">Submenu3</li> <ul> <li class="active">SubSubmenu1</li> <li>SubSubmenu2</li> <li>SubSubmenu3</li> </ul> </li> </ul> </li></ul>При выборе пункта меню, ему присваиваетс…

    Asked by Master2KAZ,

    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