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. Проблемы с прозрачным фоном

    Всем здравствуйте. В общем имеется блок <div>, который имеет прозрачность (в моем случае это фон). В этот блок вставляю картинки или любые другие элементы и они тоже прозрачны. Пробовал другой "блок в блоке" - не получилось. То есть все элементы, находящиеся в блоке наследуют прозрачность. Как сделать, чтобы элементы были полноценно видимыми, при условии, что сам фон будет полупрозрачным?

    Asked by faradei21,

    0 votes
    5 answers

  2. Нарезка в фотошопе.

    Всем доброго времени суток. Подскажите, ресурсы по изучению фотошопа для верстки сайтов. А именно по теме нарезки PSD макета. Пока что изучаю видео уроки от lynda.com. У них есть курс под названием Photoshop for Web.

    Asked by v0l0d1ka,

    0 votes
    3 answers

  3. не понятные всевдоклассы

    Подскажите почему для input не работают псевдоклассы before/after???? http://jsfiddle.net/C5hWY/1/ если место инпута сделать ссылку <a> то все работает =\

    Asked by RodgerFox,

    0 votes
    6 answers

  4. Выравнивание по центру блока плавающей ширины

    Совершенно никак и никогда не был связан с версткой, а теперь понадобилось сделать простое, легкое и понятное решение для сайта маленькой конторки. Точнее не сделать, а показать что оно существует, дабы проект отдали нормальному верстальщику и дали на это денег. Проблема (решена): сделать блок с кнопками выровненным по центру. При разных разрешениях в нем может быть как 8 кнопок в ряд, так и 2-3. Спасибо: Морда сайта представляет из себя: Шапку: Название, основные контактные данные, микроменю с двумя пунктами "Прайс-лист, контакты" (тоже сделал). Основной блок: набор кнопок 180х130 px. Каждая кнопка - понятная пользователю товарная категория ("пылеварки", "кофесосы", "с…

    Asked by ittsam,

    0 votes
    8 answers

  5. Аналогия ФШ-ким sharp/crisp/strong/smooth есть в CSS?

    Добрый день. Аналогия ФШ-cким настройкам текста sharp/crisp/strong/smooth есть в CSS? Благодарю

    Asked by borus,

    0 votes
    1 answer

  6. Подскажите сервис

    Еще вчера нуткнулся на сервис, где по определенным параметрам создается каркас для сайта. Тоесть там выставляется, две колонки, три, с хэдером, футером и т.д. А потом выдается html и css файл, где Div'ы расположены как нужно. Истории нет, найти не могу.

    Asked by Noraad,

    0 votes
    2 answers

  7. Окно сворачивается сразу после открытия

    На сайте ventprodukt.ru слева под логотипом есть картинка, ведущая на видео. Если нажать эту картинку, то в центре экрана появится небольшое окошко со встроенным ютьюбным видео. Это окошко сразу сворачивается. Самое интересное в том, что раньше все было хорошо и ничего само по себе не сворачивалось. Код этого окошка: <html> <head></head> <body> <center><iframe width="640" height="360" src="http://www.youtube.com/embed/WYgJ72jZrsM" frameborder="0" allowfullscreen></iframe></center> </body> </html> Вопрос: что надо сделать, что бы оно не сворачивалось сразу, а оставалось на своем месте (в центре экрана) после от…

    Asked by IndigoHollow,

    0 votes
    12 answers

  8. колонки списка одинаковой высоты

    помогите пожалуйста решить проблему. устроит даже css3-, js-решение есть <ul><li> список. длина строк в каждом <li> очень различается. необходимо преобразовать этот список в 3 колонки равной высоты в сети много js-решений, но они мне не подходят. проблема в том, что из-за разницы в длине строк получается примерно такой результат. мне же нужны колонки одинаковой высоты

    Asked by cyklop77,

    0 votes
    6 answers

  9. Страницы немножко "гуляют"

    Привет, столкнулся с проблемой не большой, если потыкаться по меню, можно заметить, что все странички чуть-чуть гуляют в разные стороны, что это и как с этим бороться? http://b-labb.ru/stomatolog

    Asked by boo,

    0 votes
    4 answers

  10. неработает в opera

    прошу настроить кроссбраузерность неработает в опере http://codepen.io/SaraSoueidan/pen/otGgw и ещё вопрос не по теме наделал тут медиа скажите правильноли? будет работать на других мониторах?

    Asked by radioactive,

    0 votes
    15 answers

  11. помогите вырезать рисунок с тень из PSD

    Доброе время суток, Господа. Я обычно выризаю рисунки из PSD следующим путем: Выбираю нужный рисунок при помощи Move Tool. В графе слоев мне фотошоп сразу показывает нужный слой. Зажимая Ctrl+A и дважды кликая на указаный слой, необходимый мне элемент выдиляется. Ну а дальше по накатаной Ctrl+С и создаю новый файл и вставляю в него скопированый придмет. Так я делал до тех пор пока не столкнулся с рисунком у котого есть тень и которая ни как не выделяется... (в частности файл с которым я играюсь находится на divhack.com Уровень 3 "Рисунок с растением на ладони" ) Подскажите плз как правильно такой рисунок вырезать. Так же прошу надоумить как из этого же файла вырезать тре…

    Asked by Bizon4ik,

    0 votes
    8 answers

  12. Как правильнее будет использовать <nav>

    Здравствуйте я хотел бы поинтересоваться как в данной ситуации будет правильнее использовать тег <nav>. Вот что мы имеем: В самом темном диве идет список <ul> как видно из картинки в большом диве 3 маленьких, уже в них еще по 2 дива. В верхнем диве просто текст, это даже не ссылка. А вот в темном диве идут ссылки. Вот у меня и возник вопрос. Вместо большого дива сделать <nav>, или 3 дива которые в большом сделать <nav>, или только 3 самые темные дивы сделать <nav>.=D Подскажите как будет лучше.

    Asked by logicface,

    0 votes
    23 answers

  13. Нужно мнение профессионалов о шаблоне

    В данный момент есть графический шаблон будущего сайта, но нет четкого представление как его рациональнее воплотить. Так выглядит главная страница: Большой квадрат - содержит в себе логотип и возможно слоган, ну и вероятно какие то элементы навигации. Маленькие квадраты - будут нести функцию первичной навигации и содержать в себе основные разделы, с фоновыми изображениями, где то возможно будет легкий флеш или простая анимация через css или js Так выглядит страница после выбора раздела: Где большой темный квадрат олицетворяет область контента. Начиналась верстка по обычному сценарию, в два столбика div'ами. Код выглядит примерно так (без цветов и картинок, чисто каркас)…

    Asked by cmndr_alexgreen,

    0 votes
    2 answers

  14. Проблема с версткой меню

    Всем привет! Вопрос у меня такой, есть горизонтальное меню с выпадающими подменюшками, все работает, но есть проблема, у родительских li стоит фиксированная ширина 110px, а выпадающие подпункты должны быть вообще без ширины, т.е. display:block float:left или типа того, только так можно поставить отступы справа и будет все красиво, но дочерние li наследуют ширину родительских и получается: Что делать не знаю, как сбросить значение ширины для вложенных li? Нужно решить проблему только с стилях CSS, не влазя в HTML Вот код: <div id="top_menu"> <ul> <li><a href="#">Главная</a></li> <li><a href="#">Памятники</a> &l…

    Asked by galaydas,

    0 votes
    5 answers

  15. Почему некорректно отображается и UTF-8 и ANSI ?

    http://surgeryzone.net/db2.php http://surgeryzone.net/db3.php абракадабра в обоих.

    Asked by kpripper,

    0 votes
    1 answer

  16. Вертикальное выравнивание многострочного текста в блоке

    Здравствуйте. Не нашёл похожей на мою ситуацию. =( У меня есть стандартная структура меню. <ul> <li> <a href="\">Главная</a> </li> <li> <a href="\">Основные <br/>документы</a> </li> <li> <a href="\">Приказы</a> </li> <li> <a href="\">Последние <br/>новости</a> </li> </ul> Делаю меню горизонтальным, представляю "a" как ячейку таблицы, что бы отцентровать двухстрочные пункты меню по центру, растягиваю "а" так, что бы закрыть вс. область кнопки, даю фон "а". li{ float:left; width:100px; height:50px; } li a{ width:10…

    Asked by lihih,

    0 votes
    1 answer

  17. Не растягивается блок с контентом при указании min-height: 100%

    Добрый день. Проблема в том, что нужно растягивать основной блок на всю ширину экрана, чтобы не появлялся скролл, когда контента мало и он не раздвигает основной блок. Это не заметно на маленьких мониторах, контент всегда прибит к низу. сегодня поставил 30 дюймовый моник и увидел такую картину скриншот футтер прибит к низу но вот контентная часть не хочет раздвигаться при указании height:100%. код шаблона: <!DOCTYPE html> <html> <head> <!--[if lt IE 9]> <script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script> <![endif]--> </head> <body> <section> <!--Хедер--> <header&gt…

    Asked by crazygangster77,

    0 votes
    0 answers

  18. Полупрозрачный div с не прозрачными элементами внутри.

    Можно ли в полупрозрачный div поместить непрозрачные элементы (картинки,текст...)? Вариант с полупрозрачным png-бэкграундом не подходит.

    Asked by outlander,

    0 votes
    2 answers

  19. object

    в блоке header есть выпадающее меню, которое как видим залазит под видео object header { positin:relative; z-index:2; } content { positin:relative; z-index:1; }

    Asked by jurassik,

    0 votes
    5 answers

  20. Не отображается фон, созданный с помощью псевдоэлемента before

    В шаблоне http://русский-цирюльник.рф/ пытаюсь сделать тень от сайта внизу - при помощи картинки png - для чего создал вот что .bgd { position: relative; height:0px; z-index:1; } .bgd:before { position: absolute; left: -2px; background-image: url(../images/bg_d.png); width: 964px; content:""; background-repeat: no-repeat; top: 13px; height: 13px; z-index: -1; } И прикрепил это дело к div в шаблоне. Но почему-то ничего не отобраажется - см. url="http://русский-цирюльник.рф/"]http://русский-цирюльник.рф/ При этом сбоку (справа) аналогоичным способом тень сделана. Помогите!

    Asked by alanbus,

    0 votes
    2 answers

  21. div фон

    Подскажите пожалуйста ! Есть контейнер в нём все дивы в цсс пытаюсь сделать так,что бы у див лефт картинка была растянута и что бы это по ИЕ 7 подходило , но никак не получается...кто подскажет ??? #left{ background:url(i/170.jpg) center no-repeat; /*background: url(i/170.jpg) no-repeat;*/ /*background-color: #0ff;*/ background-size: 100% 100%; /*расстягиваем картинку под див*/ /*border: 1px solid #000000;*/ width: 70%; height: 400px; float: left; /*обтекание блока по правой стороне другим блоком*/ } <div id="container"><!--CONTAINTER STARTS--> <div id="header">header</div> <div id="…

    Asked by morgusha,

    0 votes
    42 answers

  22. Div на всю свободную высоту со скроллом

    Здравствуйте! Как можно сделать, чтобы левая колонка занимала всю свободную высоту между шапкой и подвалом и при этом имела вертикальную прокрутку (содержимого в ней будет не меньше 4-5 экранов)? И чтобы при этом не появлялась вертикальная прокрутки всей страницы. Сейчас задал ей высоту жестко в пикселях - height: 600px;. Соответственно, на малых разрешениях имею нежелательный вертикальный скролл всей страницы и "наплыв" подвала на левую колонку, а на больших - кучу свободного места между левой колонкой и прикрученным к низу подвалом. Ну, и до кучи хотелось бы, чтоб высота правой колонки (независимо от количества текста в ней) всегда равнялась высоте левой Вот нынешни…

    Asked by Kovalen,

    0 votes
    2 answers

  23. Плотная сетка

    Приветствую, форумчане. Имеем песочница а нужно уложить плотно, примерно так.

    Asked by gordio,

    0 votes
    3 answers

  24. Помогите откорректировать макет для шаблона

    Здравствуйте, пытаюсь создать макет для будущего шаблона. Макет простой. 1) Фон у Боди будет картинкой 2) основной Div по центру страницы, с фикс. шириной 875 пикс. (тоесть растягивается только боди) 3) две колонки, справа опросы и прочая ерунда, слева статьи, тоесть основное содержимое 4) в самом верху где хеадер только горизонтальное меню будет распологаться, ниже него либо див либо что-то еще с логотипом. В общем-то не получается скомпоновать блоки, как нужно. Проще говоря нужно подправить мой макет, чтобы блоки разных цветов были расположены как здесь www.grstsiya.ru вот мой код HTML <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/…

    Asked by Noraad,

    0 votes
    0 answers

  25. Вопрос по text-align

    Есть меню содержащее инлайн-блоки, я их выравниваю с помощью text-align: justify; упрощенно <ul> <li></li> <li></li> ... <li></li> </ul> ul { text-align: justify; } li { display: inline-block; height: 100px; width: 100px; } Эти инлайн блоки имеют фиксированные размеры 100x100, в результате выглядит структура как таблица, кроме последней строки. Примерно так: xxx—xxx—xxx—xxx—xxx—xxx xxx—xxx—xxx—xxx—xxx—xxx xxx—xxx—xxx—xxx—xxx—xxx xxx—xxx—xxx—xxx—xxx—xxx xxx—--xxx—--xxx Вопрос: Как сделать чтобы последняя линия выглядела так?& xxx—xxx—xxx—xxx—xxx—xxx xxx—xxx—xxx—xxx—xxx—xxx xxx—xxx—xxx—xxx—xxx—xxx xxx—xxx—xxx—xxx—xx…

    Asked by ditrih,

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