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. Вёрстка в разных версиях IE

    Как установить на одну машину разные версии IE для тестов вёрстки? Интересуют 6-7-8-9 Без использования ВМ варе или Вируал Бокса.

    Asked by Coder_D,

    0 votes
    5 answers

  2. Верстка в три колонки.

    Возвращаюсь к версте в три колонки Есть такой набор блоков HTML код <div class=all_page> <div class=left_content_border> <div class=left_content> <img src="/site_resources/images/sidebanner.jpg"/> <div class=second_menu> Это первый блок </div> </div> </div> <div class=right_content_border> <div class=right_content> Это второй блок Он должен находиться справа от первого </div> </div> <div class=right_banner> <a href=http://www.lipsum.com/>Lorem ipsum</a> </div> <div class=third_menu> </div> </div> CSS .left_content_border{ width: …

    Asked by Casufi,

    0 votes
    2 answers

  3. Верстка ввиде слайда как в мобильных приложениях

    Люди подскажите как реализовать сайт который бы перелистывался как приложения в мобильных телефонах. То есть, к примеру есть 3-4 разных страницы одна из них постоянно на виду, мышкой тянем влево и перелистываем на следующую и т.д.

    Asked by vladmih,

    0 votes
    6 answers

  4. Верстка вертиального меню

    Собственно, не велика проблема. Какие свойства в css нужно задать, чтобы при наведении курсора слева от пункта меню появлялась иконка? P.S иконки одинаковые

    Asked by vadimon,

    0 votes
    3 answers

  5. Верстка вертикального меню

    Всем привет. Столкнулся с проблемой верстки вертикального меню. Сейчас выполнено в таком духе <td class="cat_box"> <ul> <li><a href="/catalog/furniture/office/">Офисная мебель</a></li> <li><a href="/catalog/furniture/textile/">Текстиль</a> <ul> <li><a href="/catalog/furniture/bath/">Для ванной</a></li> <li><a href="/catalog/furniture/bedroom_txt/">Для спальни</a></li> <li><a href="/catalog/furniture/co_/">Ковры</a></li> </ul> </li> </ul> …

    Asked by Sven,

    0 votes
    0 answers

  6. Верстка вертикального меню на основе таблицы

    Помогите устранить проблему при верстке вертикального меню на основе таблицы. Не работает переход с ячейки главного пункта меню на ячейку подпункта. Проблема понятна - курсор попадает на границу таблицы. Если границу таблицы убрать с помощью ( cellspacing="0") все работает, но при этом нарушается эстетика и задумка дизайна. Подскажите возможные варианты решения с сохранением внешнего вида таблицы. <!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&…

    Asked by Tord002,

    0 votes
    3 answers

  7. Верстка вертинкального меню, с положением active у выделенного меню.

    Привет. Нужно сверстать с помощью css, без js если конечно возможно, но проблема в том ? 1. нужно, чтобы все действия происходили в одном файле а точнее запихать в один и толстый div, 2. чтобы не при "hover" менюшка была активирована, а при клике по ней, при чем чтобы, когда отводишь мышку в любое место экрана, актив на меню оставался. Не прошу верстать, но может у кого есть какие-нибудь советы... Заранее спасибо. Есть пример ↓

    Asked by Sotnikov,

    0 votes
    1 answer

  8. Верстка верхнего меню

    Здравствуйте уважаемые, у меня такой вопрос... Нужен результат вот такой: при навидение на ссылку у ней появляется вот такой фон. Никак не пойму как это сделать, помогите пожалуйста советом. код: <div id="top_menu"> <ul> <li><a href="/">Главная страница</a></li> <li><a href="/">О компании</a></li> <li><a href="/">Услуги</a></li> <li><a href="/">Популярное</a></li> <li><a href="/">Контактная информация</a></li> </ul> </div>

    Asked by an1401,

    0 votes
    33 answers

  9. Верстка вложенными таблицами

    У меня вопрос про верстку таблицами. Почему при верстке таблицами вкладывают одну или несколько таблиц в другую. Разве это как то влияет на их отображение?

    Asked by alex72,

    0 votes
    12 answers

  10. Вёрстка вывода пользователей в категориях...

    Здравствуйте. Я занимаюсь своим проектом уже давно. На данный момент осталось не много. Сейчас загвоздка с выводом пользователей в категориях меню. Сейчас это выглядит так: http://neveste.by/category/%D0%B2%D0%B8%D0%B4%D0%B5%D0%BE%D0%BE%D0%BF%D0%B5%D1%80%D0%B0%D1%82%D0%BE%D1%80%D1%8B/ А я хочу сделать, что бы это выглядело так: , не считая красной рамки. Её я буду делать позже. Подскажите пожалуйста, как мне это сделать ?

    Asked by jazzcool,

    0 votes
    4 answers

  11. Верстка выдерживающая масштабирование в браузерах

    Доброго времени суток. Задался проблемой соблюдения правил для верстки, не ломающейся при масштабировании в разных браузерах. Хотелось бы качестве результата темы получить что-то вроде набора правил, придерживаясь которых верстка не будет ломаться при масштабировании в последних версиях популярных браузеров. Интересно услышать мнение как экспертов, так и тех кто уже сталкивался с такой проблемой и выработал навык оформления стилей, не дающих ломаться верстке при масштабировании страницы.

    Asked by Feel,

    0 votes
    4 answers

  12. Верстка выпадающего меню

    Добрый день! Подскажите, можно ли при верстке выпадающего меню закрепить его в открытом положении без особо сложных манипуляций с css кодом?

    Asked by Dimskiy,

    0 votes
    3 answers

  13. Верстка выпадающего меню

    Приветствую всех, увидел красивое меню и решил себе такое же заиметь, вроде стили перенес, но с выпадающими пунктами в меню (УСЛУГИ) ничего не получается, Может кто подскажет что не так делаю? Должно быть А это как у меня получилось

    Asked by webmax,

    0 votes
    0 answers

  14. верстка галереи с пагинацией

    скажите пожалуйста каким способом верстаются подобные галереи? вопрос вызывает пагинация. здесь лучше искать/писать плагин, в котором будет реализована пагинация или делать несколько html-страниц, на каждой из которых будет встроен плагин, не имеющий механизма пагинации

    Asked by cyklop77,

    0 votes
    6 answers

  15. верстка горизонтального меню

    Переделываю строительный сайт stroyrus.com понадобилась такая менюшка: есть список, или табличка (без разницы) шириной 90%. Он выравнивается по центру по Х. и есть 4 ячейки таблицы, или элементов списка - смотря как верстать. надо сделать так чтобы при разном расширении экрана все тянулось на эти 90% - но между не самими ячейками а непосредственно названиями списка были одинаковые расстояния. см. рис. без динамики не проблема, сверстал. а вот при ресайзе надо чтобы расстояния а (см рис.) уменьшались. есть вообще способ без скриптов сделать подобное ?? Чисто версткой - возможно ??? может кому надо было подобное!

    Asked by adax,

    0 votes
    3 answers

  16. Верстка горизонтального меню

    Есть меню, но дело в том, что непонятно откуда берется довольно таки большой отступ. Верстаю не так давно, поэтому вполне мог и нахимичить. Прошу помощи body { margin: 0; padding: 0; width: 100%;}.menu { list-style: none;}.menu li { text-align: center; width: 14.28%; margin-left:0; margin-right: 0; padding:0 0; background: #E0EEEE; float: left; font-size: 32px; font-family: Calibri;}.menu a { text-decoration: none; color: #000; display: block;}.menu a:hover{ background: #C1CDCD; transition-property: background; transition-duration: 0.5s;}.main { display: block; width: 100%; overflow: hidden;}

    Asked by Smart_Bomber,

    0 votes
    6 answers

  17. Верстка горизонтального меню с вертикальными полосками по краям

    В общем есть вот такое меню. По задумке дизайнера при на ведении и при активном состоянии пункт меню должен становится желтым при этом под ним прячутся декоративные полоски по бокам. Но как не режь, все равно при точном разделении будут видны по бокам половинки этих злосчастных полосок. Как быть? Может кто-нибудь уже сталкивался с подобным?

    Asked by skiph,

    0 votes
    18 answers

  18. Верстка градиента?

    Всем привет. Есть такое изображение, которое никак не делится на слои в фотошопе, то есть это обычный растровый слой без всяких стилей и т.п.. Текст тут не важен, важно сверстать градиент, но как это сделать не имея данных о градиенте?(я даже не могу просто взять фон и поставить его тупо как background, так как на нем текст).

    Asked by Flexible Curd,

    0 votes
    6 answers

  19. Вёрстка двух колонок

    Здравствуйте уважаемые! Подскажите пожалуйста: Нужно сделать резиновый шаблон в две колонки, левая фиксированная, а правая(с контентом) тянется по всей длине. Если можно, не кидайте ссылки на сервисы, п просто напишите тут как вы считаете. Спасибо!

    Asked by systemiv,

    0 votes
    9 answers

  20. Верстка двух фонов, не выходит

    Добрый день! У меня на blogger есть блог, куда я загрузил сторонний шаблон. Фон(background) в нем уже загружен - это шапка блога body { background: #ffffff url(http://1.bp.blogspot.com...D8/s1600/bg.jpg) top left repeat-x; margin: 0; padding: 0; font: 10pt verdana, arial, helvetica, sans-serif;} Хочется добавить второй фон, на всю страницу браузера, под вышеуказанную шапку, с тегом fixed. Сначала тупо пробовал ниже добавить url второго фона, он соответственно перекрывал первый. Почитав еще htmlbook, нашел z-index, но как ни варьировал с ним ничего не выходит, он только для блоков в шаблоне или подходит и для background? Может кто наставит на путь истинный, я так понимаю …

    Asked by sv9t,

    0 votes
    10 answers

  21. Верстка двухцветной кнопки с формой поиска

    Здравствуйте! Подскажите, пожалуйста, как ПРАВИЛЬНО сверстать такую форму поиска и двухцветную кнопу к ней. Заранее благодарю!!!

    Asked by volshebnyi,

    0 votes
    6 answers

  22. Верстка диагонального меню

    Приветствую уважаемые коллеги, мой опыт верстки довольно хороший, вот только опыт английского не очень велик, если найдется кто поможет, в приоритете ссылки на рускоязычные сайты, буржуйские конечно тоже приветствуются. В общем проблема в следующем, есть меню, диагональное меню http://clip2net.com/s/50cAtD вот такое, я понятия не имею как его верстать, уже и так и сяк, не буду говорить что перерыл весь интернет, но по запросам "нестандартное меню, Диагональное меню ... " перерыл google до 10 страницы, а дальше сами понимаете, прошу помощи, может кто делал, кто знает. За ранее спасибо, буду благодарен за любой ответ.

    Asked by justwhite.design,

    0 votes
    33 answers

  23. Вёрстка дивами

    Всем привет. Пришел к Вам, ибо не знал куда податься =( Есть .psd файлик, я его порезал, всё как нужно и сверстал в табличном виде, отнёс преподу, он, гад такой, говорит, что таблицами уже никто не верстает, нужно только дивами. А я дивами не умею совсем... Вчера весь день проигрался, сделал, вроде бы всё работает, но не тут-то было...Открыл на большом мониторе и всё поплыло =( Ребята, помогите пожалуйста, сверстайте, очень прошу Вас. Ты тут гуру...

    Asked by RCuPeR,

    0 votes
    11 answers

  24. верстка дивами

    столкнулся с проблемой что дивы выстраиваются в столбик подскажите как это исправить так сейчас http://savepic.su/1869221.htm надо http://savepic.su/1864101.htm html <!DOCTYPE html> <html> <head> <link rel="stylesheet" type="text/css" href="index.css"> <title>главная</title> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251"> </head> <body> <div class="vse"> </div> <div class="knopki"> <div class="asdf"> <a href="index.html">На главную</a></div> <div class="asdf"> <a href="bet.html">Бетон</a></div> <div class="asdf"> <a …

    Asked by voin545,

    0 votes
    7 answers

  25. Верстка дивами или с помощью таблиц

    Добрый день! Прочитал много статей по теме, во многих написано что если верстка дивами страница грузится гораздо быстрее.Конечно это весомый аргумент . Но хотелось бы еще узнать и ваше мнение , я знаю здесь очень много профессионалов, мне например нравится верстка с помощью таблиц, но я умею также использовать и "диви", на моем сайте есть и диви и таблици,

    Asked by mylogin,

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