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/html, там делов-то на раз плюнуть. Вкратце: Хочу сделать страничку с расположением объектов как на двух скриншотах внизу http://i.imgur.com/E9UmjdD.jpg http://i.imgur.com/ysMAPqi.jpg Сама страничка - http://podstrigis.com/test Буду благодарен за любую помощь!

    Asked by msk1,

    0 votes
    4 answers

  2. Несколько bx слайдеров?

    Очень люблю в своей вёрстке использовать bxSlider, у него есть свои цсс и js файлы которые легко корректировать в своих нуждах. Вопрос в том, как использовать этот слайдер с разными стилями несколько раз на странице или в проекте? Например в качестве слайдера или в качестве карусели. Или что бы на одном изменялось фэйдом, а на другом просто листались слайды. Затруднения вызывает тот факт, что js и css файлы рассчитаны только на один слайдер, если я вставлю второй, то у второго будут те же самые стили и изменения которые я делал в файликах. Понимаю что вопрос тупейший, но этот вопрос стоит ребрейшим ребром

    Asked by Alarr,

    0 votes
    4 answers

  3. Скролинг fixed позиции, с закрытием другого блока

    Здравствуйте! Подскажите, пожалуйста, как при скролинге страничке, сделать, что бы div2 вставал на место div1 (т.е. уходил верх)? При скролинге в топ - блоки возвращались на свою позицию. Спасибо! Код на http://cssdeck.com/labs/i1jxnjzh <html> <title>hello word</title> <style> body{ margin:0px; padding:0px; } .div1 { width: 100%; text-align: center; background-color: #e1e1e1; height: 40px; line-height: 40px; } .div2 { width: 100%; text-align: center; background-color: #888888; position: fixed; height: 30px; line-height: 30px; } .div3 { margin-top: 30px; } </style> <head> </head> <body> <div class="div1"> hello, hide …

    Asked by papa_s,

    0 votes
    4 answers

  4. Знает ли кто-нибудь хорошие учебники именно по вёрстке?

    Здравствуйте. Знает ли кто-нибудь хорошие учебники именно по вёрстке? С чего можно начинать? С html и css я уже знаком не много.. Хотелось бы пробовать что-то верстать наконец то.

    Asked by napstyle,

    0 votes
    4 answers

  5. Div в две колонки

    Как расположить два div блока напротив друг друга? Сколько рылся в css так и не понял.

    Asked by Vamp,

    0 votes
    4 answers

  6. как сделать резиновый двухколоночный макет с двумя разъезжающимся картинками по бокам

    резиновый двухколоночный макет с двумя разьежающимся картинками по бокам для этого сайта. это я верстал макет, хочу переделать на резиновый но проблема в том что по бокам две картинки которые должны плавать при растяжении до краев экрана. вот сайт http://biotrof.ru/ вопрос как это реализовать?!

    Asked by daggi,

    0 votes
    4 answers

  7. Меню со скошенными углами

    Как сделать подобное меню? http://www.wildberries.ru/ (скошенные углы) В Firebag смотрел но так ничего и не понял. Может, есть подобные примеры с объясненем? Просто если меняется ширина пункта меню то и скос этот должен тоже менять свою ширину. В общем не понятно

    Asked by Imperil,

    0 votes
    4 answers

  8. помогите,пожалуйста с добавлением видео!

    Вот html: <video id="video1" width="270" height="205" controls> <source src="video/D8D812BA_5056_A318_A81496B1E1D048C6.mp4"><!-- опускаем type для android--> <source src="video/D8D812BA_5056_A318_A81496B1E1D048C6.webm" type='video/webm; codecs="vp8, vorbis"'> <source src="video/D8D812BA_5056_A318_A81496B1E1D048C6(1).ogv" type='video/ogg; codecs="theora, vorbis"'> </video> Вот css: #video1 { border:4px solid #FFF; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; } google отображает во так: панель управления,вместе с видео куда-то съехала! в IE 9 не отображаются элементы управления видео.Только плей по середи…

    Asked by eleonore,

    0 votes
    4 answers

  9. Cufon или @font-face?

    Доброго времени суток! Стою перед выбором, что лучше использовать Cufon или @font-face? Посоветуйте пожалуйста! И если не сложно, то напишите почему?

    Asked by WooLunatiX,

    0 votes
    4 answers

  10. горизонтальное меню: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

  11. Что я не так делаю?

    начал немного изучать вёрстку, и хотел бы спросить один важный для меня вопрос.. правильно ли я всё делаю? вот ссылка: http://jsfiddle.net/7uHS9/ посмотрите если не сложно, и скажите что не так пожалуйста, и как нужно правильно делать... делал по этому скриншоту: http://www.prostoj-sajt.ru/wp-content/uploads/2012/10/Shablon-s-reklamnym-blokom.png (в интернете нашёл скриншот простого шаблона для того чтобы учиться) знаю что сделано ужасно, но я только учусь верстать...

    Asked by napstyle,

    0 votes
    4 answers

  12. Длинный текст

    Помогите найти правильное решение проблемы. При уменьшении окна браузера, текст в списке вылазит наружу. Таблицу всунул в div, и задал свойство overflow: auto, но что делать с остальными длинными элементами. Всему overflow ставить не вариант как я понимаю? P.S. Если задать overflow: auto самому верхнему диву в дереве, если ничего не путаю, в ie для windows phone будет работать только верхний overflow, невозможно будет проскроллить таблицу. Да и выглядит обрезающийся справа текст ужасно.

    Asked by exeto,

    0 votes
    4 answers

  13. Тег svg

    Всем привет, есть такой html c тегом <svg> http://jsfiddle.net/5LPmC/ , у меня есть процент положительных и отрицательных отзывов , мне надо подставить свои значения в атрибут d=" " тега <path> только там набор непонятных цифр как мне подставить свои значения ? чтобы кружок на 75% был красным на 25% зеленым

    Asked by romanov,

    0 votes
    4 answers

  14. Как сделать подвал подстраивался под размер сайта?

    .

    Asked by Bismuth,

    0 votes
    4 answers

  15. 3 колонки - боковые сжимаются до 0

    подскажите пожалуйста, как сделать 3 колонки, чтобы центр был фиксирован, а боковые могли "схлопываться" до нуля в зав-ти от размера дисплея. помню видел где-то, но не могу найти и все тут

    Asked by USF,

    0 votes
    4 answers

  16. Адресация к блокам HTML через URI

    Какие в URI-спецификации предусмотрены способы адресации к блокам HTML, помимо адресации по id-атрибуту?

    Asked by freeneutron,

    0 votes
    4 answers

  17. Как сделать кнопки переключающие контент?

    Друзья, как сделать так, как реализовано на сайте apple http://www.apple.com/ru/osx/server/ Под картинкой 2 кнопки, "клиент" и "сервер", при нажатии на них меняется картинка. Пробовал сам, получилось вот так http://jsfiddle.net/Ftfhb/9/ . Но как-то коряво

    Asked by Nescafe,

    0 votes
    4 answers

  18. position:fixed поверх всей страницы

    Необходимо чтобы блок был фиксирован относительно ширины страницы, то есть при масштабировании не выходил за ее пределы.и также был поверх всего

    Asked by gogol63,

    0 votes
    4 answers

  19. как задать такую рамку?

    если кому-то не разборчиво видно на рисунке, объясняю: вокруг select 2 рамки,одна темно серая в 1px ,а вторая светло-серая шириной 4px. обе они имеют скругления.как задать? пробовала тонкую задать через border с border-radius , а широкую через outline, все прекрасно,но скругления уголков у outline работает только в мозилле,как тогда быть с остальными браузерами? может есть другое решение?

    Asked by eleonore,

    0 votes
    4 answers

  20. красивый select

    Наверняка у многих из вас есть любимый способ менять обычный select на красивый. Поделитесь пожалуйста. К примеру нужно сменить стрелочку у select.

    Asked by eleonore,

    0 votes
    4 answers

  21. Не получается вывести меню спрайтами

    Здравствуйте! Я пытаюсь натянуть верстку своего сайта на Drupal. У меня не получается вывести кнопки главного меню спрайтами. Буду признателен, если Вы мне поможете. Это мой сайт в хтмл - http://ygastik.ru/ Это сайт на субдомене - http://s.ygastik.ru

    Asked by slaip,

    0 votes
    4 answers

  22. фото в блоке

    здрасти. перейду сразу к вопросу. имеется див-блок с шириной 250px. в этот див-блок помещаем три фото с шириной и высотой 100px каждая. на примере получается, что только две фото помещаются в див-блок первой строки, а третья фото уходит на следующую строку. так вот вопрос: как поместить третью фото в див-блок первой строки не увеличивая при этом его ширину? думал получится при помощи overflow:visible, но увы это не сработало <html> <head> <title></title> <style type="text/css"> .block{ width: 250px; } </style> </head> <body> <div class="block"> <img src="#" width="100" height="100"/> <img src="#" width="1…

    Asked by valera,

    0 votes
    4 answers

  23. slider: при достижении границы родительского блока, внутренний блок выпадает вниз

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

    Asked by Bava,

    0 votes
    4 answers

  24. Прыгает текст

    Вообще такая проблема. Есть страница http://moslem.ws/1/ при увеличении масштаба страницы (CTRL+прокрутка ролика мыши) текст на 75%, 67% прыгает то вниз то вверх, соответственно отображается на больших экранах криво, как можно исправить это?

    Asked by moslem,

    0 votes
    4 answers

  25. Картинка вылезает из контента...

    Доброго времени суток. Долго я ломал голову, но так и не смог понять в чем у меня ошибка... В общем, есть блок (контент), в котором стоит php код, на вывод портфолио из базы. Картинки выводятся хорошо, НО как только картинка доходит до границы контента, она вылезает из него и футер поднимается вверх. Да и как не странно, все тянется. Если растягивать допустим с 6 картинками все нормально не выезжает, если 7 вставляешь появляется этот баг, начинаешь масштабировать и все становится нормально... Как-то так это выглядит

    Asked by FLaShiQQ,

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