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. горизонтальное меню с большими отсутпами

    нужно сделать пару кнопок на зелёном фоне с закруглёнными сильно углами. Пробовал сделать примерно так:Обрамил тег li тегом a и оформил примерно так: li { display:inline; margin-right:50px; } a:hover { background:green; border-radius:15px; } В итоге я получил то, что надо, но зелёным выделяется пространство вплоть до следующего тега li, а мне нужно, чтобы это было только вокруг текста.

    Asked by Rayzor,

    0 votes
    2 answers

  2. горизонтальное меню с выподающим списком вверх

    создала горизонтальное меню с выподающим списком вниз спомощью css.. но мне нужно вверх! подскажите как!

    Asked by zacepka,

    0 votes
    4 answers

  3. Горизонтальное меню с горизонтальным подменю

    http://saveimg.ru/pictures/05-05-12/8ec5c5e92e3d826f366dfa22b1bf4c21.bmp Надо сверстать вот такое меню. Дааа, надо признатся, оказалось это сложной задачей для меня:-( главное гори-ое меню и появление подменю сделать удалось. Подменю появляется через hover. А как сделать, чтоб оно появлялось при клике по ссылке на главном меню? Вообще, ваши рекомендации, советы как сверстать?

    Asked by Маленьке Звірятко,

    0 votes
    5 answers

  4. Горизонтальное меню с горизонтальным саб-меню с центровкой

    Привет! Подскажите пожалуйста возможно ли сделать такое меню? Мне необходимо сделать так чтобы саб-меню было по-центру от главного пункта внизу. Обратите внимание, что если саб-меню упирается в границы, то оно автоматически подстраивается и съезжает по логике куда нужно. Как сделать внизу и чтобы открывалось при наведении - это я могу, а всё остальное - для этого прошу вашей помощи. Благодарю за внимание.

    Asked by wolfandman,

    0 votes
    21 answers

  5. Горизонтальное меню с наклонными разделителями

    Доброго времени сток! Ребята, такой вопрос. Хочу сделать менюшку, но не пойму как правильно. Получается примерно так Вопрос в том, как правильно вырезать картинку с разделителем при ховере(hover). Нужна именно картинка! Т.е. нужна кроссбраузерность, минимум от ie7. При этом ширина пунктов меню не должна быть фиксированной. На форуме не смог найти темы. Хотя по идее они должны быть. Буду признателен за помощь.

    Asked by dropoff,

    0 votes
    6 answers

  6. Горизонтальное меню с разделителями картинками

    Как сделать горизонтальное меню я знаю. А как стандартные разделители заменить изображениями? Если языком CSS, то вот что нужно: ul.plinks li { border-left: url(images/border.gif); } Спасибо. Вот стандартный 1px solid black: А нужны такие разделители:

    Asked by froz,

    0 votes
    13 answers

  7. Горизонтальное меню сайта

    как сделать его в ряд?) и что при изменении размера екрана расстояние между пунктами не менялось http://cssdeck.com/labs/full/zy2fmhvo

    Asked by xaoc90,

    0 votes
    6 answers

  8. Горизонтальное меню списком, растягивание по ширине страницы

    Задача - создать горизонтальное меню через ul. Подопытный - tubeube.ru/test/css-test.html у меня в FF 3.5 и IE8 меню растянуто на всю страницу, но справа остается отсуп в два пикселя, в O 9.64 отступ вообще пикселей в 50. Во всех браузерах при уменьшении размера окна элемент "Six" съезжает влево вниз. Как сделать "резину", чтобы отступа справа не было и "Six" не съезжал вниз?

    Asked by rdva,

    0 votes
    10 answers

  9. Горизонтальное меню съезжает

    Подскажите начинающему.При уменьшении окна браузера часть меню съезжает вниз.Что нужно поправить,чтобы это не происходило. Код: HTML <!DOCTYPE html><html><head><title>da vinci</title><meta charset="UTF-8"><link href="css/main.css" rel="stylesheet" type="text/css"></head><body><div id="page_align"> <div id="header"> <a href="index.html"><img src="images/logo.png" alt="Логотип" width="100%" /></a> </div> <div id="slideshow"> </div> <div id="menu"> <ul> <li><a href="#">О салоне</a></li> <li&gt…

    Asked by holdstred,

    0 votes
    1 answer

  10. Горизонтальное меню уезжает вниз в Опере

    Всем привет! Горизонтальное меню уезжает вниз в Опере 9.27 (и подозреваю, что в других операх тоже). Ознакомиться можно здесь http://mitille.jino-net.ru/, тестю. Что бы такого впендюрить в цсс чтобы все было ок? #header1 { width: 100%; height: 48px; position: relative; /*float: left;*/ /*overflow: auto;*/ } #header2 { position: relative; top: -40px; /*left: auto;*/ width: 201px; height: 196px; margin: 0 auto; /*margin:-20px -20px -20px -20px;*/ /*padding: 0px 0px 0px 0px;*/ /*float: top;*/ /*overflow: hidden;*/ } #menu { width: 1080px; height: 47px; margin: 0 auto; padding-top: 0px; padding-left: 0px; /*overflow: auto;*/ /*…

    Asked by mitille,

    0 votes
    6 answers

  11. Горизонтальное меню, выпадающиее из <AREA>

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

    Asked by Brodyaga,

    0 votes
    4 answers

  12. горизонтальное меню:hover с фоном не закрывает слева разделитель

    Всем привет! Я создала горизонтальное меню: 4 пункта меню на зеленом фоне и между этими пунктами вертикальный разделитель(картинка). Создала hover c серым фоном, но при наведении курсора фон закрывает все, кроме разделителя слева, который относится к предыдущему пункту. Попробовала margin-left:-1px; -- при наведении курсора этот маrgin закрывает разделитель слева, но из-за этого немного прыгает все меню. Как можно сделать так, чтобы и разделитель слева закрывался фоном при наведении курсора и не было никаких сдвигов .Menu-2 li a { display:block; min-width:130px; height:40px; font-weight:bold; text-align:center; color:#FFF; cursor:pointer;…

    Asked by Nailya,

    0 votes
    4 answers

  13. Горизонтальное меню. Зачем списки?

    Во многих статьях рекомендуют делать горизонтальную панель навигации на основе списков. Для чего? <html><head><title>меню</title> <style> ul {margin: 0; padding: 0;} li {display: inline; list-style-type: none;} </style></head> <body> <ul> <li><a href="1.html">link1</a></li> <li><a href="2.html">link2</a></li> </ul> </body></html> Ведь можно написать просто: a {display: inline;} Единственное, что приходит в гоову для удобства тех, у кого браузер не поддерживает CSS: ссылки списком выглядят лучше чем в строчку.. Больше ничего в голову не приходит...

    Asked by kbv79,

    0 votes
    5 answers

  14. горизонтальное многоуровневое меню на css

    знает ли кто код такого меню, что бы работала в опере, мозиле и ie (6 и далее). А то какая не попадается, всегда где нибудь глючит. Вот уже думал нашел более менее, а она не работает в мозиле, как случайно я сегодня узнал www.medovik.info

    Asked by apika,

    0 votes
    7 answers

  15. Горизонтальное отображение сайта в айпад

    Столкнуля с проблемой, при вертикальном просомтре сайта в Ipad он помещается полностью без прокрутки, а вот при горизонтальном нет. Рабочее разрешение макета сайта 973 на 970. А вот у ipad другое разрешение. Как сжать можно сайт под айпад, т.е. чтоыб он не тоьок при вертикальном просмотре полностью помешался но и при горизонтальном без промотки, есть какой-то костыль или инструмент? Делать скейл макета сайта на 10% не вариант Вот пациент архив

    Asked by okunev2,

    0 votes
    12 answers

  16. Горизонтальное подменю

    привет. подскажите, как реализовать с помощью css такое меню: первый уровень в строку. второй уровень располагается в строку той же ширины, что и первый, то есть не зависит от li-родителя. в общем, надо сделать так, чтобы какой бы пункт я не выбрал, дочерний ul начинался от левого края страницы. я пытался меня position, но окончательно запутался. проблема в том, что у меня центрированная страница и координаты задать точно нельзя, они зависят от разрешения монитора. как это сделать?

    Asked by rondew,

    0 votes
    5 answers

  17. Горизонтальное резиновое меню.

    Использую display:table; и display:table-cell. Подскажите,пожалуйста,что делать,если в некоторых пунктах меню два слова,а в некоторых одно??"Двухсловесные" пункты при изменении размеров браузера скачут очень не красиво. При разрешении от 1024 и больше все хорошо:http://s41.radikal.r...19dc3cb1c98.jpg Когда сужается меньше 1024px происходит следующее: http://s018.radikal....f2c078a8d48.jpg Задала white-space:nowrap для li, помогло,слова перестали уходить друг под друга. Но теперь при сужении окна появляется огромная полоса прокрутки: http://s017.radikal....8b2ac1a4496.jpg Как сделать так,чтобы меню плавно сужалось и расширялось в зависимости от разрешения?? html: <nav&…

    Asked by eleonore,

    0 votes
    5 answers

  18. Горизонтальное центрирование

    Добрый день. Подскажите, пожалуйста, как мне отцентрировать ссылки в блоке: http://jsfiddle.net/WNQs6/2/

    Asked by Upcoming,

    0 votes
    8 answers

  19. горизонтальное центрирование без width

    Имеется шаблон, в нем такая схема: <div id="gallery"> <div id="gall_item"></div> <div id="gall_item"></div> <div id="gall_item"></div> <div id="gall_item"></div> ... </div> Joomla генерирует произвольное число этих самых gall_item. Как выровнять их в любом случае по центру? Традиционное решение типа задать для gallery width="..px" и margin: 0 auto; не подходит, т.к. длина блока зависит от количества элементов.

    Asked by p1653v,

    0 votes
    2 answers

  20. Горизонтальные линии рядом с заголовком

    Доброго времени суток, форум. Подскажите способ как сделать вот такую штуку, если возможно только средствами Css.

    Asked by Aleksandra_Links,

    0 votes
    3 answers

  21. Горизонтальные полоски в заголовке

    Где-то видел статью как сделать такое, там еще линии были прозрачнее. Может кто-то ссылкой поделиться?) или кодом)

    Asked by like2dev,

    0 votes
    1 answer

  22. Горизонтальные полосы прокрутки

    Доброго вечера уважаемые! Помогите пожалуйста, не знаю уже что и делать, делала сайт на большом экране, а когда повесила в инет появились внизу полосы прокрутки, причём у кого мониторы меньшего разрешения смотреть сайт очень не удобно, сегодня целый день билась, картинки уменьшала, думала поможет, но нет, не помогло, не знаю что делать! Помогите плиззз, кто чем может! Вот ссылка: http://www.flmebel.ru

    Asked by Feeshka,

    0 votes
    12 answers

  23. Горизонтальные списки

    Как сделать, чтоб список шел горизонтально, а не вертикально?

    Asked by Kenshi45,

    0 votes
    1 answer

  24. горизонтальный js-скролл

    помогите пожалуйста понять причину того, что на страничке элементы списка выстраиваются не в одну строку, а несколько. соответственно нет горизонтального скролла, который мне нужен в результате

    Asked by cyklop77,

    0 votes
    1 answer

  25. Горизонтальный нежелательный промежуток в FF 22

    Подскажите пожалуйста причину происхождения нежелательного промежутка, который проявляется только в FF 22.0 http://clip2net.com/s/5wsNan http://septa.devlab-s2w.com/makeup/ Опера, Крома и даже ИЕ9 этого не проявляют.

    Asked by seemax,

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