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. Сложная таблица средствами css

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

    Asked by Archimboldo,

    0 votes
    4 answers

  2. Сложная таблица!

    Уже час сижу и не могу понять, как это сделать. Можно-ли вообще создать такую таблицу, используя один <table>???

    Asked by Sheena,

    0 votes
    4 answers

  3. Сложная таблица!

    Уже час сижу и не могу понять, как это сделать. Можно-ли вообще создать такую таблицу, используя один <table>???

    Asked by Sheena,

    0 votes
    6 answers

  4. Сложная таблица..

    Привет! Хочу сделать таблицу следующего вида: В первой строке три столбца Во второй строке один столбец растянутый на три верхние, делаем это через colspan, но при этом вторая строка должна быть соединена с центральной ячейкой первой строки.. Попробовал вот так, не получилось <table width='100%' cellpadding='5' cellspacing='0' height='100%' border='1'> <tr valign='top'><td width='10%'> [#left] </td> <td id='center_content' rowspan='2'> [#content] </td> <td width='10%'> [#right] </td> </tr> <tr><td colspan='3'> </td></tr> </table>

    Asked by Беркут,

    0 votes
    5 answers

  5. сложная шапка сайта

    столкнулся с интересной для себя шапкой сайта и не могу понять как правильно ее сделать.В psd макете треугольники так интересно расположены. http://rghost.ru/58108955 подкиньте пару идей.

    Asked by FerZz,

    0 votes
    9 answers

  6. Сложно ли изучить HTML / CSS?

    Привет, являюсь J2EE разработчиком. Думаю изучить (может поверхностно) HTML и CSS. Сколько времени нужно потратить на получение вменяемых знаний, которые реально можно будет использовать на практике?

    Asked by fedotxxl,

    0 votes
    12 answers

  7. Сложное меню

    Ребята, подскажите, или может есть пример как можно верстануть списком (дивами) такое меню, не могу логику уловить. Буду благодарен

    Asked by okunev2,

    0 votes
    5 answers

  8. Сложное меню

    Никогда не приходилось с таким сталкиваться, но вот пришлось. В общем есть менюшка такого рода http://s019.radikal.ru/i637/1207/68/6eec3d01acbb.png И так господа вопрос..? Как её сверстать так чтоб она тянулась и сжималась в зависимости от длины вкладки

    Asked by Ergonav,

    0 votes
    1 answer

  9. Сложное меню - в простой список. Как?

    Здравствуйте. Никак не могу разобраться, помогите пожалуйста. Это меню, вплывающие. Вот так это выглядит вживуюhttp://demo.cs-cart.com/index.php Проблема, со следующим - необходимо вывести подкатегори не в выпадающей вкладке, а под основным родительским: просто списком. Вполне возможно, вопрос, вам покажется идиотическим, но все таки - возможно это реализовать через css? И собственно как? Спасибо. #vmenu { /* Common style */ margin: 0px; padding: 0px; list-style: none; font-size: 12px; } #vmenu ul { /* Root items */ padding: 1px; margin: 0px; list-style: none; width: 169px; z-index: 99; overflow: visible; position: absolute; background-color: #ffffff; bor…

    Asked by bose,

    0 votes
    1 answer

  10. Сложное обтекание div-ов

    Здравствуйте. Столкнулся со следующей проблемой с обтеканием div-ов. На картинках ниже приведено, что есть и что нужно получить. Это у нас есть: (http://itmages.ru/image/view/287959/d5fb3475) А вот так надо: (http://itmages.ru/image/view/287960/4a7d5e0b) Код: <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <title>test</title> <style> .news_main{ font-weight:normal; text-align:left; padding-top: 3px; padding-bottom: 7px; } .news_box{ text-align: left; vertical-align: top; padding: none; height: auto…

    Asked by nikolay2011,

    0 votes
    4 answers

  11. Сложное обтекание картинок

    Друзья! Возник вопрос, как сделать обтекание картинок текстом. Все вроде просто и понятно, но как сделать именно так, как на рисунке ниже??? Перерыл весь форум и еще кучу с других сайтов, но толком ничего не нарыл. Если кто может помогите пожалуйста!!!

    Asked by knyazvs,

    0 votes
    6 answers

  12. Сложное расположение картинок

    Привет! У меня появилась такая вот задачка, необходимо на сайте расположить 2 картинки так, чтобы картинка 2(малеькая) частично закрывала первую, например весь правый верхний угол. вот.Подскажите пожалуйста какие могут быть пути реализации этого вопроса. Абсолютное позиционирование не очень хочется использовать. Заранее спасибо

    Asked by web_body,

    0 votes
    3 answers

  13. Сложности в изменении темы для WP

    Доброго всем времени суток. Собственно, есть следующая тема для WP: http://demo.wpzoom.com/photoria/ Очень хотелось бы узнать, где в прикрепленном файле стилей нужно внести изменения для того, чтобы: 1) при наведении на пункт меню, он становился кликабельным целиком (т.е. таким, как подпункты меню из выпадающего списка) 2) аналогичный вопрос о записях под слайдером (т.е. при наведении запись становится кликабельной полностью) 3) и еще один вопрос по поводу записей: как изменить размер и положение фотоминиатюры внутри записи /*********************************************************************************************[/font][/color] [color=#000000][font=sans-serif, 'tre…

    Asked by cheptil,

    0 votes
    1 answer

  14. Сложности перехода на удалённый хостинг

    Дано(начальные условия): тема которую делал под wordpress (последней версии), всё отлично работает на локальном сервере. Все плагины и т.п. Никаких глюков вообще. Проблема: переношу сайт на хостинг (peterhost.ru). Все странички грузятся хорошо(правда в начале тоже были ошибки сUnable to allocate memory for pool но мы их победили), в то же время половина всех плагинов глючит или не работает. Сверху в админке постоянно маячило это: Использование уровней пользователей в плагинах и темах считается устаревшим. Используйте роли и возможности. Deprecated in version 2.0. в следствии этой ошибки вылезала такая Warning: Cannot modify header information - headers already sent by …

    Asked by maliyshock,

    0 votes
    3 answers

  15. Сложности при верстке навигации

    Здравствуйте. Нужно сделать навигацию такого типа Что я сделал на данный момент codepen Если вы наведетесь на "Шкафы-купе", то увидите подкатегории, что появились снизу, а нужно справа. Я мог бы их расположить там с помощью позиционирования, но тогда они будут вываливаться с белого блока (.nav-wrap), если будут больше по высоте. Как мне решить эту проблему?

    Asked by alex_web64,

    0 votes
    3 answers

  16. Сложности с вёрсткой списка

    Прямо не знаю, как тему назвать, извините) Выглядит это всё так. Див-обёртка - фиксированной ширины. В нём примерно так всё выглядит: Ссылка 1-1 —- Ссылка 2-1 —- Ссылка 3-1 Картинка 1 —- Картинка 2 —- Картинка 3 Ссылка 1-2 —- Ссылка 2-2 —- Ссылка 3-2 Цена 1 ——-- Цена 2 ——-- Цена 3 Условия: 1. Весь контент, _в том числе и картинки_ подгружается динамически, то есть высота блоков заранее не известна. 2. Картинка N - это ссылка, ведущая туда же, куда и Ссылка N-2. Причём Ссылка N-2 подсвечивается, когда курсор наводится на картинку. Сейчас реализовано так: они обе в одном диве, при наведении на который ссылка подсвечивается. 3. Картинки центрированы по высоте и ширине ячейки…

    Asked by Gaspode,

    0 votes
    11 answers

  17. Сложные классы

    задано <p class="class1 class2 class3"> нужно указать стиль именно для параграфа, у которого заданы ВСЕ 3 аргумента. p.class1 class2 class3{} - не работает p.class1, p.class2, p.class3{} - сработает если параграфу присвоен хотябы один из классов. Как правильно сделать?

    Asked by Kenshi45,

    0 votes
    8 answers

  18. Сложные кнопки на css.

    Как сверстать кнопки с такими декоратиными элементами сверху/снизу (см. скрин). Подозреваю, что через псевдоэлементы, но я знаю только как сделать это в виде треугольников. Есть ли возможность сделать это в виде кривой, как на скрине? https://www.dropbox.com/s/8x15uim5fzrcpo9/Screenshot 2016-09-19 22.52.44.png?dl=0

    Asked by cat,

    0 votes
    5 answers

  19. Сложный бекграунд!

    Здравствуйте! Дизайнер прислал шаблон со сложным бекграундом. История такая: В стайлах укажу css директивы которые относятся к теме. html: <body> <div style="height: 300px; z-index: 1;">Этот блок я сделал для того чтобы залить в него бекграунд, основной блок сайта должен наехать на него</div> <div style="z-index: 2; top: -300px;">этот блок содержит сам сайт, блок выровнен по середине</div> </body> Проблема в том что внизу страницы появляется пробел в 300px от этих махинаций и как его убрать я не знаю( Проблема решается если указать высоту body в пикселях но как ее узаешь то... высота блока с контентом меняется постоянно. Вообще для спра…

    Asked by demarko,

    0 votes
    6 answers

  20. Сложный блок с тенями

    Всем привет! Не могу сообразить каким образом можно сверстать вот такой блок с надписью: http://screencast.com/t/1uLjU779Z8 Прошу помочь направить в нужном направлении.

    Asked by westyeast,

    0 votes
    1 answer

  21. Сложный бэкграунд

    Возникла проблема при верстке бэкграунда. Бэкграунд, как видно неоднородный, а рисунком. Всю картинку пихать, думаю, нет смысла, так как размер ее почти 300 кБ. Как лучше и грамотно ее порезать и разместить ума не приложу. Есть, конечно, кое-какие мысли, но что-то не очень уверен, что это будет правильно.

    Asked by vadimon,

    0 votes
    5 answers

  22. Сложный радиальный градиент

    Здравствуйте! Есть такая картинка, можно ли ее реализовать с помощью радиального градиента? Сколько искал информацию, радиальный градиент повторяется от центра к краю, а мне нужно повторение по кругу. Можно ли это реализовать?

    Asked by Ascold,

    0 votes
    1 answer

  23. Сложный растягивающийся блок

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

    Asked by weblad,

    0 votes
    5 answers

  24. Сложный ролловер

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

    Asked by Singer,

    0 votes
    22 answers

  25. Сложный селектор

    Здравствуйте, уважаемые. Возник вот такой вопрос. есть список ul <ul> <li>Текст <li>Текст <li class="hidden">Текст <li>Текст <li>Текст </ul> И есть "зебра" li:nth-child(2n){ color:red; } .hidden{ display:none; } Вот вопрос, как можно скомбинировать селектор чтобы li.hidden не учитывался селектором :nth-child(2n). Элементов с .hidden м.б много. Заранее спасибо.

    Asked by tyareg,

    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