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. Плотная сетка

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

    Asked by gordio,

    0 votes
    3 answers

  2. Backgound-image поверх img

    Привет всем! Такой вопрос. Есть код: html: <img src="test.png"> css: img:hover { background: url(test2.png); } Т.е. я хочу чтобы при наведении на img накладывалось изображение из background. А сейчас оно появляется ПОД img.

    Asked by EdBond,

    0 votes
    7 answers

  3. Вопрос по 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

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

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

  5. Блок контента не тянется по высоте

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

    Asked by boo,

    0 votes
    4 answers

  6. Проблемы с формой

    http://jsfiddle.net/Radioactive/3hmyL/ форма никак нехочет оставаться под спойлером Прошу помоч

    Asked by radioactive,

    0 votes
    2 answers

  7. Помогите с кнопкой пожалуйста

    У меня вот такая кнопка! http://itmages.ru/image/view/771466/ba570db8 что мне дописать сюда, чтобы внутри неё появилась надпись "поиск"?? <Label Class="XAML-grid-label-name">Поиск:</Label> <Edit Name="SearchField"></Edit> <Button Class="XAML-button-search" Width="10" Click="ACTION=UpdateCollaboratorsCache"/>

    Asked by gabdsh,

    0 votes
    8 answers

  8. Добавила код соц.закладок от Pluso

    Добавила код соц.закладок от Pluso http://share.pluso.ru на страница[ пропали border у картинок. С чем это может быть связано?

    Asked by EgoEl,

    0 votes
    2 answers

  9. header и footer внутри div. можно ли?

    давно мучает вопрос, можно ли (или даже стоит ли) тег header,footer вставлять внутрь div? правильно ли это семантически? например если ширина сайта нужна 900px, с выравниванием по центру, можно тегу хэдер и футер прописать в стилях это все, но с другой стороны можно их запихать внутрь див-контейнера с нужными параметрами, особенно когда нужно чтобы они были в одном блоке у которого будет тень. вот и хотел узнать стоит ли так делать? ведь не хочется нарушать грамотность так сказать в разметке

    Asked by Vadimka,

    0 votes
    4 answers

  10. Рамка к картинке

    На одной странице несколько картинок, у одних должна быть рамка, у других нет, как это реализовать?

    Asked by EgoEl,

    0 votes
    4 answers

  11. Не совсем обычный список

    Доброго времени суток. Учусь верстке с азов, хочу попросить помощи у более опытных пользователей. Проблема не столь существенна, однако путь к знанию-понимание, чем, собсно, и руководствуюсь. Суть.Есть PSD-файл, макет сайта времен 2008 года. Верстка, как я понимаю, несложного уровня, однако меня интересует одна вещь. Слева можно заметить меню ссылок, перед которыми стоит тире. Задача в том, как сделать так, чтобы тире "выползали" влево, а текст не выползал. Я с моими,скажем так, небольшими знаниями пока вижу 2 решения - разбить текст в нужном месте с помощью , или сделать список с list-style-position: outside и list-style-image:url(картинка с тире). Второй способ считаю…

    Asked by serbiant,

    0 votes
    2 answers

  12. Простая задачка по CSS

    В общем вот: Начал было делать так: #contentwrapper { /Chrome работает; в IE 10 - шляпа.*/ position: absolute; top: 50%; width: 100%; margin-top: -250px; background: #1e87c9; height: 500px; } /*И не знаю как сделать пункты 2 и 3*/

    Asked by groza,

    0 votes
    2 answers

  13. Как сделать шаблон Pisces в 3 калонки?

    Здраствуйте как сделать шаблон Pisces в 3 калонки я в смысле где нахордится меню опрос итд ( наверное это называется контереры) вот пример:

    Asked by byucoz,

    0 votes
    3 answers

  14. Отступ

    Доброе время суток! Как сделать отступ у футера чтобы картинка не залазила под него? шаблон чужой не могу разобраться http://goo.gl/fiHSg

    Asked by Oblom,

    0 votes
    0 answers

  15. Нет плавной CSS3- анимации в Chrome

    работает только в опере и мозилле http://jsfiddle.net/qrTA8/ -webkit-transition-duration: 100ms; - есть, но не помогает

    Asked by iDrugov,

    0 votes
    6 answers

  16. При открытии fancybox

    Asked by pismenny,

    0 votes
    4 answers

  17. Картинка залазит на картинку.

    Есть книга, а там Картинки залазят на картинки, когда браузер расширяешь по горизонтали на максимум.

    Asked by sergiik,

    0 votes
    2 answers

  18. Какой это язык программирования?

    http://itmages.ru/image/view/770590/84a429af Что это за язык программирования? Какими программами его удобней редактировать?

    Asked by gabdsh,

    0 votes
    3 answers

  19. Середина сайта уехала в левую сторону

    У меня в блоге уехала в левую сторону середина сайта. Сайт по середине должен выравниваться. http://knopka3.lt/ В старом браузере сайт смотрелся хорошо. Я обновила Мозилу и середина уехала в левую сторону, так же в Опере плохо. В фаилах есть div class="main", но firebugom он не виден почемуто и когда меняю стили в base.css для .main он не реагирует. Помогите понять и исправить ошибку.

    Asked by knopka3,

    0 votes
    2 answers

  20. Div обертка контента

    Добрый вечер. Опыта создания шаблонов с ноля у меня нет, по этому возникла проблема. Суть проблемы: <div id="контейнер"> 2 колонки с содержанием(div) </div> стили html Контейнер имеет белый фон и рамку, но почему-то получается, что эти колонки не находятся внутри div(контейнер),так же возникает проблема с футером, который находится внизу. Что самое интересное, взаимопонимание возникло только с браузером Opera, в нем можно посмотреть, что я в итоге хочу получить. Посмотреть саму страницу можно тут. В итоге: Все отображается как надо в Opera, в остальных с проблемами.

    Asked by berg12,

    0 votes
    5 answers

  21. Условные комменты

    почему я не могу прописать для ие9 поправки <!--[if lte IE 10]> <link href="ie10.css" rel="stylesheet" type="text/css"> <![endif]--> <!--[if lE 9]> <link href="ie9.css" rel="stylesheet" type="text/css"> <![endif]-->

    Asked by renkoman,

    0 votes
    4 answers

  22. Прижать футер

    Доброго времени суток. Подскажите, как прижать футер к самому низу, чтобы не было просвета. У меня там вон как: #footer { position: relative; margin-top: -2.5em; background: url(images/img01.gif) repeat; } Благодарность тому кто даст дельный совет.

    Asked by Вальдемар,

    0 votes
    2 answers

  23. img m-width:100 firefox/oper

    Привет! Столкнулся что img{ max-width:100%; } не работает в браузерах Опера и Фаерфокс, кто сталкивался? как решал?

    Asked by Cyber_bober,

    0 votes
    3 answers

  24. Помогите с выпадающим div'ом!

    http://jsfiddle.net/9Gtx3/ Дано три дива: контейнер (id="out"), левый (id="left"), правый (id="right"). Задача: нужно чтобы если уберется правый (напр. display:none), то левый автоматически занимал оставшуюся ширину контейнера. И наоборот, при включении правого - левый его учитывал и не давал правому сползать. Прошу вашей помощи! Ума не приложу как это можно реализовать....

    Asked by registerers,

    0 votes
    2 answers

  25. Скрыть элемент

    Тоже возникла подобная проблема. Но если с обычными дивом всё получилось достаточно просто, то может кто подскажет, как скрыть элемент подгружаемый следующим образом: <script type="text/javascript" charset="utf-8">document.write(unescape("%3Cdiv id='cloudim_widget'%3E%3Cscript src='/js/chat.js' type='text/javascript'%3E%3C/script%3E%3C/div%3E"));</script> <script type="text/javascript" charset="utf-8">Cloudim.Chat.init({uid:5255});</script> Данный скрипт рисует онлайн-консультанта на странице. И хочу его скрывать\отображать по клику на моей картинке. Подробности можно посмотреть на странице где он висит. Спасибо. Не влазьте в чужие, а тем более,…

    Asked by spurlos,

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