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. Выбрать самый последний элемент

    Навожу мышкой на любой элемент и он например меняет прозрачность, но только он, без родителей, сестёр, двоюродных деушек и прочих - только то на чём стоит мышка, самый нижний (малый) элемент. :nth-last-child(1)+:hover - не работает

    Asked by VitaliyAT,

    0 votes
    15 answers

  2. Свечение в шапке и подвале

    Подскажите пожалуйста как лучше сделать свечение в шапке! Главное что бы средние 2 фонаря были именно над контентом, а 2 крайних появлялись только в случае наличии большого монитора либо маленького масштаба. Аналогично и для фонового изображения. Если его целиком ставлю, то блок с контентом уезжает вправо.

    Asked by JosePerez,

    0 votes
    1 answer

  3. как сверстать 2 блока

    Всем привет. Простенький вопросик. Как сделать 2 блока внутри родительского, так что бы правый блок имел фиксированную ширину, а левый блок был резиновый и занимал всю остальную ширину блока. Заранее спасибо

    Asked by kent666,

    0 votes
    5 answers

  4. Динамический сайт

    Здравствуйте, подскажите пж про правильную нарезать шаблон. На разных ресурсах по разному описывается кто занимается расскажите как правильно делать да бы потом не переучиваться. Заранее спасибо за объяснения!

    Asked by Rubik,

    0 votes
    0 answers

  5. выравнивание текста по центру img

    Всем добра! Елы-палы, здесь как-то была инфа (урок или т.п.) о том как выравнять текст по центру картинки в одной строке (поднять текст на точное кол-во пикселей относительно базовой линии, ну или опустить картинку).., а щас не могу найти :-( Может кто напомнит? Спасибо.

    Asked by copyright,

    0 votes
    3 answers

  6. Проблемный ховер

    Есть такое меню с выпадашкой и ховер. Основную проблемы составляет ховер, который выходит за границы li, притом должна закрывать белый бодер. Понятно что тут без position:absolute не обойтись. Но когда ложу ссылку в див (котому задан position:absolute), она входит из потока и последующие ссылки занимают ее место.Что можно сделать с этой проблемой? Может есть другие решения, возможно с jquery выпадашка впринципе сделана(на 2ой пункт меню) верстка: http://jsfiddle.net/CBRhf/ Решение должно быть кроссбраузерно до ie7 и без пустых тегов. при том в данной ситуации нельзя увеличить высоту li и background на них переложитью

    Asked by chiffenok,

    0 votes
    5 answers

  7. Проблемы с фоном на маленьких разрешениях

    Всем привет. Собственно, вопрос: Так получилось, что в шапке должна быть картинка шириной в 1800 пикселей, она не тянется и всегда стоит по центру. Весь контент сайта умещается в 960 пикселей, а вот в шапке и футере должен быть непоторяющийся фон в 1800. Т.е. в любом случае приходится задавать: #head{ width: 1800px; } Естественно, что при маленьком разрешении экрана появляется скролл, и сайт отображается не по центру. Так вот. Как сделать, чтобы фон масштабировался? Чтобы не было этого скролла, а фон как бы по бокам обрезался? И при любом разрешении сайт всегда был по центру. В общем, нужно сделать как на: http://ofs21.ru/ сделана шапка. Смотрите в разных разрешениях. З…

    Asked by Sedacove,

    0 votes
    1 answer

  8. Выровнить меню по центру

    html <!doctype html> <html> <head> <meta charset="windows-1251"> <title>Тест</title> <link href="test.css" rel="stylesheet" type="text/css"> </head> <body> <div class="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> <li><a href="">Форум</a></li> </ul> </div> </body> </html> и css @ch…

    Asked by RussiaStorm,

    0 votes
    10 answers

  9. Фиксирование всплывающей подсказки

    Люди, помогите! Необходимо зафиксировать всплывающую подсказку в окне, т.е. подсказка не "бегает" за курсором, а при наведении на текст/картинку появляется в определенном месте. Скорее всего тут надо крутить jquery.tooltip.js, но самостоятельно у меня ничего не получилось.

    Asked by keepcalm,

    0 votes
    2 answers

  10. Выравнивание

    Всем доброго времени суток. Такой вопрос: Есть <div id="ololo"> Ололо</div> нужно выровнять <p> так, что бы он был в центре(по Х и по У) <div>'a. Как это можно сделать "максимально кроссбраузерно"(что бы не писать для разных браузеров разный код)? Размеры дива не заданы, а если и заданы, то в процентах. "Количество" текста и параметры(тип, размер) шрифта внутри параграфа неизвестны. И еще: чем это будет проще, тем лучше. Заранее спасибо!

    Asked by gism,

    0 votes
    3 answers

  11. Вопрос по горизонтальному меню

    Вопрос по горизонтальному меню Надо сделать меню как на картинке, на всю шируна сайта (1000px). Как не пытался, не получается сделать его так, чтобы занимал всю шируну и отступы боковые были одинаковые. Каким способом лучше сделать и как? И еще вопрос, как сделать границу боковую как на картинке?

    Asked by ProGirl,

    0 votes
    8 answers

  12. Кто нибудь может мне помочь

    хочу сделать сайт, вот "макет" : не знаю с чего начать...

    Asked by IgnatVoronov,

    0 votes
    5 answers

  13. Растянуть блок по высоте

    Добрый день. подскажите пожалуйста, как можно растянуть блок сайдбара на всю высоту контейнера? (от шапки до футера) Выглядит это примерно так: http://clip2net.com/s/1UqTj

    Asked by WabFad,

    0 votes
    8 answers

  14. Скругленные углы заданные в процентах у прямогульной кнопки

    Доброго времени суток, уважаемые форумчане. Имеется обычная прямоугольная кнопка, допустим div. Кнопка может менять ширину, но не высоту. Требуется скруглить ей углы, но задать значения в процентах. Пишу следующий код: div { ... width: 50%; height 80px; border-radius: 5%; ... }Радиус скругления по горизонтали получаю 5% от нефиксированной ширины кнопки, а по вертикали 5% от фиксированной высоты. Скругление получается овальное, а надо круглое, зависящее только от ширины. В описании свойства border-radius в справочнике по CSS сказанно: Как раз то, что мне нужно! Но, судя по всему, это не так. Получается, что: В случае применения процентов, отсчет горизонтального ради…

    Asked by Cypher76,

    0 votes
    14 answers

  15. Помогите доработать css меню

    День добрый помогите доработать css Меню, что то у меня ничего не получается... Сам код стандартный: <ul id="topnav"> <li><a href="#">Меню 1</a></li> <li> <a href="#">Меню 2</a> <!--Здесь начинается подменю--> <span> <a href="#">Подменю 1</a> <a href="#">Подменю 2</a> <a href="#">Подменю 3</a> </span> <!--Заканчивается подменю--> </li> <li><a href="#">Меню 3</a></li> </ul> CSS ul#topnav { margin: 0; padding: 0; float: left; width: 970px; list-style: none; position: relative; font-size: 1.2em; back…

    Asked by xtr,

    0 votes
    0 answers

  16. Проблеме промежутка

    Все доброе время суток! У меня проблема с промежутком между type="componet" и type="modules" Чтоб я не делал в html и в css не получается сдвинуть блоки между черный блоком и красный большой промежуток Помогите плиз, вся надежда на вас HTML <div id="content_middle"> <div id="content"> <jdoc:include type="component" /> </div><!-- END CONTENT --> <div id="clear"></div> <div id="news"> <jdoc:include type="modules" name="news" /> </div><!--END NEWS--> <div id="banner-bottom"> <jdoc:include type="modules" name="banner-bottom" /> …

    Asked by Bismuth,

    0 votes
    4 answers

  17. Построчный overflow

    Всем добрый день. Пытаюсь обрезать текст в блоке с фиксированной высотой и шириной. Соответственно, блоку задано свойство overflow: hidden;. Получаем текст, последняя видимая строка которого видна на половину. Вопрос: как ее скрыть? Пример: <!DOCTYPE html> <html> <head> <style> div { width: 200px; height: 165px; overflow: hidden; } p { margin: 5px 0 0; } </style> </head> <body> <div> <p>Здесь идет многострочный текст.</p> <p>Управлять свойствами line-height и margin'ами параграфов вообще не хочется.</p> <p>Да и вверху может идти картинка неопределенной высоты.</p> &lt…

    Asked by MiReQ,

    0 votes
    3 answers

  18. В чем заключается процесс верстки

    Добрый день, недавно начал познавать html и css. Но за верстку браться боюсь, не совсем понимаю до конца что нужно. Вопросы хотел бы рассмотреть на примере макета http://forum.htmlbook.ru/index.php?showtopic=16763 1) Если необходимо для заказчика сверстать такой шаблон то нужно ли указывать путь к ссылкам? 2) Нужно ли делать форму поиска рабочей или только создать ее? 3) Если встретятся формы подписки (например одностраничный сайт) или формы регистрации, формы входа и так далее, то должен я их заставлять работать и как? ______ С праздником!

    Asked by tooq,

    0 votes
    3 answers

  19. Меню LI

    Доброго времени суток! В очередной раз зашёл в тупик и вынужден просить Вашей помощи. Проблема заключается в том, что при графическом строительстве менюшки, я столкнулся с проблемой визуализации некой графики, а именно с "hover" отображением. делаю меню. назначаю "LI" делать отделение ссылок 2-х пиксельной полосочкой. назначаю "LI:hover" отображать другую картинку при наведение мышки и вот тут и начинаеться баг. или даже возможно кривизна моих рук. При наведение на ссылку, срабатывает "LI:hover" и тем самым, убирает полность визуализацию "LI", а именно ту саму, разделительную полосочку в 2 пикселя. измучился весь, самостоятельно не могу найти выход из ситуации. Код прило…

    Asked by oscora,

    0 votes
    4 answers

  20. Создать обтекаемый слева и снизу div с картинкой

    Доброго времени суток. Есть задание по одному предмету в ВУЗе: создать свой сайт. Самый простой, но не в этом суть. Я набросала в фотошопе, что хочу изобразить. Сайт делается в IE9 и демонстрироваться будет в IE7 или 8. Сейчас он выглядит так: И проблема в том, что не выходит расположить картинку с собакой так, как хотелось бы. Всё делается в слоях. Структура div'ов на рисунке ниже. Свойства border сделаны, просто чтобы видеть границы слоёв. Ну, и возможно ли сделать как я хочу? Если да, то каким образом, в каком направлении двигаться?

    Asked by ForSecond,

    0 votes
    5 answers

  21. проблема с меню

    добрый день форумчане, проблема заключается вот в чем: меню футера само по себе написано обычным шрифтом, а при ховерном состоянии жирным, то при наведении левая часть отодвигается, так как слово увеличиваетя, вопрос вот в чем можно ли чтобы оно при наведении не двигалось?

    Asked by maruwa,

    0 votes
    1 answer

  22. Помогите ради бога!

    Люди добрые, помогите! Делаю тестовое задание для работодателя. Нельзя упасть лицом в грязь... Как лучше реализовать эту полоску с текстом посередине?

    Asked by JosePerez,

    0 votes
    9 answers

  23. Скругленные углы заданные в процентах у прямогульной кнопки

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

    Asked by Cypher76,

    0 votes
    1 answer

  24. шрифты в логотипе

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

    Asked by cyklop77,

    0 votes
    3 answers

  25. как нарисовать линию

    пишу js слайдер и возник вопрос как внутри блока div нарисовать простую линию с определенной высотой и шириной?

    Asked by cyber_ua,

    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