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. Нарезка в фотошопе.

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

    Asked by v0l0d1ka,

    0 votes
    3 answers

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

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

    Asked by RodgerFox,

    0 votes
    6 answers

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

    Всем привет! Вопрос у меня такой, есть горизонтальное меню с выпадающими подменюшками, все работает, но есть проблема, у родительских 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

  4. слайдер и форма связи.

    Здравствуйте. У меня возникли 2 проблемы. Возможно Вы мне здесь поможете, буду очень благодарен. И так: 1. Форма связи. Настроить js для отправки и посмотреть правильно ли написан скрипт отправки. Нужно подключить форму обратной связи к html. Короче чтобы работало и отправляло. Вот хтмл-код формы: А вот сам скрипт : 2. Проблема вторая. Есть слайдера сделанные на jQuery, поставленные на html страничках, но перелистываются они руками. Нужно сделать что бы работало автоматом, тобишь сделать автопрокрутку через Н-ное количество сек.

    Asked by explo1d,

    0 votes
    3 answers

  5. border-bottom и padding

    Всем привет! Сегодня столкнулся с проблемой небольшой, а именно отображение border-bottom. На прикрепленной картинке видно, что линия идет ЗА пунктами меню, а не под ними. В чем может быть дело? (если убрать padding 3px 10px у ссылок), то всё хорошо.. но мне нужно с padding. Интересно, что в IE8 бордюр отображается ровно под меню, а в хроме все время позади.. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <link href="css/main.css" rel="stylesheet" type="text/css" /> <t…

    Asked by korjik,

    0 votes
    3 answers

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

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

    Asked by boo,

    0 votes
    4 answers

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

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

    Asked by cyklop77,

    0 votes
    6 answers

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

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

    Asked by borus,

    0 votes
    1 answer

  9. object

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

    Asked by jurassik,

    0 votes
    5 answers

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

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

    Asked by Noraad,

    0 votes
    2 answers

  11. По поводу оформления шаблонов

    Подскажите пожалуйста, если приобрести шаблон битрикс на официальном сайте (так называемая опция "дизайн+шаблон от битрикс"), можно ли будет изменить фотографию на главной странице по своему вкусу? Пример: http://www.bitrixtemplates.ru/templates/39922.php Нужно изменить фотографию серой кошки на другую. Возможно ли это? если возможно, то каким образом? Спасибо за помощь

    Asked by crukos,

    0 votes
    6 answers

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

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

    Asked by Kovalen,

    0 votes
    2 answers

  13. Регистрация домена для варезника

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

    Asked by Torero123,

    0 votes
    7 answers

  14. fancybox сдвигает контент

    Здравствуйте, подлючил fancybox, основной контент у меня в контейнере: <div style="width:1000px;margin: 0 auto;"></div> При вызове окна, весь контент немного сдвигаеться вправо, почему? (думаю что ajax при создании окна добавляет div на страницу....который мне все сдвигает!) Если убрать авто то все ок!

    Asked by baryshkov,

    0 votes
    5 answers

  15. Не влезает буква Й. Верхняя черточка идет вниз.

    Добрый день. Проблема: 1. В заголовке h2 не влезает у буквы "Й" верхняя черточка. 2. Все буквы тянутся вверх, смешно и не красиво выглядит буква "Ф" Посмотреть на сие убожество можно: http://iqfoto.ru/foto/studiya CSS код: http://iqfoto.ru/templates/jp-studio/css/template.css P.S. ФАК читал. Гугл спрашивал. Поиском пользовался по разному.

    Asked by Ranger-13,

    0 votes
    6 answers

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

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

    Asked by kpripper,

    0 votes
    1 answer

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

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

    Asked by cmndr_alexgreen,

    0 votes
    2 answers

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

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

    Asked by Bizon4ik,

    0 votes
    8 answers

  19. Чем заменить iframe?

    Посмотреть В выезжающем блоке находится фрейм. Прогружается почему то на середине страницы смещая остальные div'ы. Теги проверял. Все в порядке. Что можно сделать чтобы панель грузилась за видимой границей экрана? Замена на object ничего не решила. С помощью jquery тоже все глухо. Я так понимаю что решается аяксом. Но что то нужной инфы не накопал. Блок: <script> $(function(){ $('.slide-out-div').tabSlideOut({ tabHandle: '.handle', pathToTabImage: 'images/contact.gif', imageHeight: '122px', imageWidth: '40px', tabLocation: 'left', speed: …

    Asked by salat,

    0 votes
    1 answer

  20. Фоновый рисунок для Div

    Подскажите как лучше реализовать: Есть много Div'ов в виде кубиков. Стиль у них один, но фоновый рисунок должен быть разный,а в нутри каждого еще должен находиться разный контент. Не очень хочется создавать внутри них еще блоки только для задания фона, и не хочется делить стили для каждого квадрата свой лишь ради фона. Как можно выйти из положения?

    Asked by cmndr_alexgreen,

    0 votes
    11 answers

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

    Здравствуйте. Не нашёл похожей на мою ситуацию. =( У меня есть стандартная структура меню. <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

  22. Не растягивается блок с контентом при указании 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

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

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

    Asked by outlander,

    0 votes
    2 answers

  24. Не отображается фон, созданный с помощью псевдоэлемента 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

  25. width (%+px)

    В общем есть задача, вроде вполне стандартная, но у меня вызвала затруднение. Есть элемент, в CSS его расположения присутствует margin-left: -7px; Структура элемента- width: 100%; Но при этом появляется отступ с права, т.к от элемента отняли 7 px, в идеале должно быть так width: 100%+7px; Если задавать элементу 101%,102%, то появляется не нужная нижняя полоса прокрутки, т.к дизайн резиновый.

    Asked by berg12,

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