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. Пункты меню перескакивают на новую строку - почему?

    Пункты меню перескакивают на новую строку - почему? http://zverushka.zz.mu/edu2/

    Asked by Zverushka,

    0 votes
    5 answers

  2. Бутстрап - проблема с меню

    Вот пытаюсь реализовать меню. Обычное меню. справа от него на той же строке есть блок с заказом звонка. При уменьшении разрешения появляется название сайта и иконка для разворачивания меню. Проблема в том. что в определенном узком разрешении развернутого меню не видно на экране вообще - оно куда-то вбок уходит. При этом в файрфоксе (в хроме вроде норм). Что я делаю не так? Все ли правильно в разметке навигации? http://zverushka.zz.mu/edu/

    Asked by Zverushka,

    0 votes
    26 answers

  3. Масштабирование для iphone

    Ширина сайта 480px, а у iphone 320. Как правильно смасштабировать сайта для iphone?

    Asked by freialex,

    0 votes
    14 answers

  4. Тень и бордер

    Свертсал данную кнопку так: http://jsfiddle.net/37aeb/ Не могу добится чтобы была тень как на картинке, и в ИЕ8 вообще не так как на картинке. тенб вроде сделал box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.3) inset; а вот с ИЕ8 и не понятно

    Asked by okunev2,

    0 votes
    10 answers

  5. Как расположить картинку в середине div-блока

    Вот пример, во втором блоке всё нормально, а вот в первом свойство float мешает. Как можно расположить картинки в обоих блоках в центре? http://jsfiddle.net/TTLJQ/1/

    Asked by alleclf,

    0 votes
    6 answers

  6. Модули и компоненты Joomla

    Здравствуйте! Не бейте сильно может если не по адресу! Кто-нить может мне разъяснить, вот такой вопрос Joomla 2.5 Использую компонент ChronoForms, создаю форму все ок., эта форма как ей и положено выводится на странице в <jdoc:include type="component" /> но мне необходимо что бы она выводилась в модуле т.е. <jdoc:include type="module" /> Когда я вывожу форму при помощи модуля к компоненту ChronoForms то у меня выводится 2 формы соответственно в <jdoc:include type="component" /> и <jdoc:include type="module" /> Как мне сделать что бы в <jdoc:include type="component" /> форма не выводилась? Или она там будет выводиться постоянно, или это изм…

    Asked by rango2014,

    0 votes
    1 answer

  7. Как сделать стрелочку сбоку от меню a:hover

    Добрый день. Не могу понять как реализовать при наведении на пункт меню, меняется цвет и плюс сбоку уголок. <div id="menu-left"><ul class="menu"><li><a href="#" > Новая модель</a></li><li><a href="#" > Новый реион</a></li><li><a href="#" > Новый мерчендайзер</a></li><li><a href="#" > Новый POS</a></li><li><a href="#" > Новая акция</a></li><li><a href="#" > Новая модель конкурентов</a></li></ul></div>#menu-left{height:227px;float:left;margin-bottom:10px;}ul.menu {list-style-type:none;padding:0;width:227px;h…

    Asked by belosnezka,

    0 votes
    4 answers

  8. input type

    http://storage7.static.itmages.ru/i/13/1206/h_1386327783_2014189_6ff63f9c3a.png Там где : "Название ингредиента", "мл". Какой input type применять ? У text нет справа стрелки. PS Как средствами форума вложить картинку с жесткого диска сюда ?

    Asked by rpmcmerphy,

    0 votes
    10 answers

  9. Убрать перенос строки

    Помогите найти решение. Google помочь не смог. Проблема в следующем Написал обзац в нем есть текст который нужно выделить. Заключил его в div прописал параметры. Но проблема в том что после тега div весь последующий текст переносится на следующую строку. Как это убрать не пойму. Есть у кого мысли? Я бы screen прикрепил чтобы было ясно что я имею ввиду но не нашел где к теме подкрепить файл.

    Asked by MAS.CITI,

    0 votes
    5 answers

  10. Отображение Open Sans Condensed в Chrome

    Приветствую. Подключил с гугла шрифт Open Sans Condensed. В webkit браузерах не нормально отображется, у некоторых букв будто срезана верхушка. Например: Если увеличить масштаб до 110%+ то все нормально выглядит, при стандартном масштабе такой вот косяк. Как можно вылечить? UPD: сделал вот в песочнице пример, откройте в хроме к примеру, что интересно, в фоксе тоже косяк такой, верхняя часть букв "Г" и "П" полупрозрачная. Это именно в песочнице, на сайте все норм.

    Asked by massef,

    0 votes
    1 answer

  11. repeating-linear-gradient

    Хочу сделать зебру. background: repeating-linear-gradient(to right bottom, #E9E9E9 0 2px, #000000 2px 4px) ; С левого верхнего угла в правый нижний, серый-черный цвет.. Не работает что не так ?

    Asked by rpmcmerphy,

    0 votes
    8 answers

  12. Как сделать такие же тени в css, как и на макете в PS

    Здравствуйте! Имеется блок, у которого заданы вот такие параметры: Подскажите, пожалуйста, как сделать точно в css? Пробовала вырезать сам блок с тенями без бэкграунда - получается абсолютно не такой цвет как нужно: Должно быть так: А получается вот так:

    Asked by Xenia Wanger,

    0 votes
    7 answers

  13. Трудности с версткой в Opera и IE

    Всем привет! Вот сверстал форму http://melsman.ru/pcf. Только в Opera почему-то не хочет работать text-indent, а в FF -moz-border-radius-topleft(и -topright), в IE тоже самое. Может что посоветуете? И еще принимаются критика, рекомендации, совету и прочее! Благодарю за внимание!

    Asked by XuLLlHuK,

    0 votes
    11 answers

  14. Анимированное меню в виде сот

    Добрый день. Сделала вот такое меню в виде сот http://codepen.io/anon/pen/rGJEI Текста не будет. Анимация работает только в хроме, т.к. использовала "filter", который поддерживается лишь в этом браузере и почему-то замыливает фотографии. Это была проба фильтра, в дальнейшем добавлю фиксы этого для всех браузеров, которые нашла на просторах интернета. Но вопросы немного в другом: 1. Думала просто подтянуть чб картинки вместо фильтра, но таких картинок слишком много на нескольких страницах и есть ли в этом вообще смысл? Если оставлять фильтр, то как убрать замыленность? 2. Возникла проблема при переносе этого куска в основной код. В фоне страницы - картинка, которая к…

    Asked by NatalieZ,

    0 votes
    2 answers

  15. Неоднородный фон. Как правильно верстать?

    Доброго всем профи, вопрос от новичка. Как правильно верстать фон, представленный во вложении? целиком изображение - тогда вопрос - не жирно ли ему 100кб на бекграунд, а взять маленький кусочек указать ему repeat тоже не получится. В общем интересует Ваше профессиональное мнение. https://www.dropbox.com/s/53qucedyzir9mob/bg.jpg

    Asked by To_wave,

    0 votes
    1 answer

  16. Валидация HTML5

    Валидатор считает данный код не валидным <a href="javascript://" onclick="rp(203,1)" style="text-decoration:none">из-за "javascript://". Чем можно заменить? Якорь перебрасывает наверх страницы(

    Asked by RiG,

    0 votes
    6 answers

  17. Проблема с высотой блоков

    Добрый день, решил сверстать данный макет и столкнулся с проблемой, а именно: в браузерах Firefox и IE10, блок с контентом становиться чуть меньше, чем в браузерах Google Chrome и Opera. Не могу понять, почему так происходит, и что я делаю не так? Google Chrome, Opera: Firefox, IE10: Вот сама верстка: http://clck.ru/8vxti

    Asked by Aleksandr.L,

    0 votes
    7 answers

  18. Как найти нужный файл Html?

    Всем добрый день! Ребят Хелп. сделали мне сайт и все исполнители исчезли. Все вроде налажено, но нужно менять текста на внутренних страницах сайта. Все хтмл файлы перерыл, не могу найти нужный, куда засунули, хз! Вот сам сайт: ввв.itobi.ru

    Asked by maxloom,

    0 votes
    2 answers

  19. Как сделать разные таблицы в одном документе?

    Если задача сделать несколько таблиц. Все они должны быть разные. Вот картинки. 1. таблица Имеет бордер 2 пиксела, высоту ячеек 20 пикселов. 2. таблица Только некоторые ячейки имеют обрамление, другие бордера не имеют. Высота фиксированная 3. таблица Там вообще все разное. И высота ячеек (надо делать разраничения блоков) и цвет текста внутри ячейки и бэк в ячейке разного цвета. Делаю это через CSS. Таблица объявляю как: <table class="table1" width="830"> <tr> <th width="100" bgcolor="#ece5dc">Номера</td> <td width="100" bgcolor="#ece5dc">Май</td> <td width="100" bgcolor="#ece5dc">Июнь</td> &…

    Asked by amv,

    0 votes
    5 answers

  20. Как реализовать такую карту?

    Как реализовывается такая карта обычно?

    Asked by Zverushka,

    0 votes
    5 answers

  21. Отцентрировать посередине текст

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

    Asked by smirn0ff,

    0 votes
    1 answer

  22. Длинная страница

    Добрый всем вечер! Проблема с версткой одной страницы http://compass.webdevelopers.su/ - почему-то висит вниз до пола, и при уменьшении ширины страницы появляется полоса прокрутки, хотя заданная ширина 950 px. На других страницах не наблюдаю, шаблон везде одинаковый. К сожалению,в верстке весьма слаб, помогите, пожалуйста!

    Asked by Yust-os,

    0 votes
    4 answers

  23. Выравнивание по центру страницы.

    Комрады хелп. Есть вот такая картинка: http://clip2net.com/s/6jEyou Пытаюсь сделать так: <div class="page-not-found"> <div> <h2>Ошибка</h2> <p>Страница, которую вы ищете не существует, либо устарела.</p> <p>Вы можете перейти на <a href="/">главную.</a></p> </div> </div>.page-not-found h2 { font-family: 'Comfortaa', cursive; font-size: 18px;}.page-not-found { background: url(../images/page-not-found_bg.png) left 20px no-repeat; padding: 0 0 0 80px; display: table;}.page-not-found div { …

    Asked by faynoit,

    0 votes
    4 answers

  24. Практикум

    Делаю задание из практикума вот что получилось http://cssdeck.com/labs/tneohfgn . Хотел задать вопросы. 1.Как сделать чтобы placeholder отображался в левом верхнем углу 2.Почему у Ингредиентов и Параметров фон иконок белый, хотя я задал transparent 3.Через что отмерять расстояние в макете ?(Я открывал программой adobe image ready, выбирал инструмент область и выделял нужный кусок, потом смотрел его размеры, открывал не psd а png файл, который также идет в атаче) 4.Как определять шрифт через фотошоп, размер, семейство ?

    Asked by rpmcmerphy,

    0 votes
    12 answers

  25. Можно ли заменить position:relative+top на margin-top?

    День добрый! Подскажите можно ли сделать тоже самое что получилось у меня но только с применением бля белого блока margin-top:-65px? В моем случае он просто поднимается вместе с блоком content (зеленый+красный).Как сделать так чтобы он просто выехал за края блока контент вверх? Вместо цветов были раньше картинки,поэтому использование relative нужно для before. Заранее спасибо! http://cssdeck.com/labs/nemozmp2

    Asked by Temik2704,

    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