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. Помогите с версткой выпадаюше.

    Наткнулся в ступор. Не знаю, как сверстать меню на скриншоте. Главная для меня проблема в том что, фон выпадающего меню должен выйти за пределы контейнера. При этом контент должен остаться в контейнере. Как можно это реализовать? Просто раньше никогда не сталкивался подобной задачей. На десерт, порекомендовали бы хорошую Jquery плагин для такой задачи(выпадающее меню). Спасибо заранее.

    Asked by parnas,

    0 votes
    17 answers

  2. Чем наполнить портфолио новичку?

    Здравствуйте! Подскажите пожалуйста по вопросам портфолио. Ситуация такая: я новичок в верстке, реальные макеты для клиентов еще не верстал, верстал только те, которые скачал в интернете для того что-бы попрактиковаться (текст везде: Lorem Ipsum...), хочу начинать работать на фрилансе, возможно вскоре попробую устроится в офис. 1.Можно ли портфолио на фриланс-сайтах для начала заполнить сверстанными макетами, которые я нашел в интернете и сверстал что бы попрактиковаться или лучше вообще не заполнять портфолио если работ для реальных клиентов нет? 2.Могу ли я сверстав 10 таких скачанных макетов для портфолио идти устраиваться на работу в офис?

    Asked by Andrew_007,

    0 votes
    17 answers

  3. PHP not work

    Доброго времени суток всем верстальщикам и тем, кто себя ими считает! Это мой первый код на пхп, но он не робит. Почему? PHP: <html><head> <meta http-equiv = "content-type" content = "text/html; charset = utf-8" > <link rel="stylesheet" type="text/css" href="css.css" /> <title> TITLE </title> </head><body> Text <?php echo "Hello PHP"; ?></body></html>"Hello PHP" не выводтся. Стоит Open Server, localhost открывается, то бишь все должно работать. "Text" выводится. Help.

    Asked by kulc_hacker,

    0 votes
    17 answers

  4. Как такое сделать

    посмотрите http://hostingkartinok.com/show-image.php?id=77269bca7adeecced295e549fb52bd1b здесь машину можно выделять. это как реализовано?

    Asked by raptor-dm,

    0 votes
    17 answers

  5. CSS-спрайты

    Сделал такой пример. Локально во всех браузерах всё работает хорошо, но на JSFeddle сердечко скачет. В чём может быть дело? http://jsfiddle.net/webref/Lp9kzon3/

    Asked by Vlad,

    0 votes
    17 answers

  6. Обрезка лишнего текста

    Всем привет! Нужно сверстать вот такой вот блок с текстом И нужно поставить "обрезание" текста в случае если комментарий будет больше 3-х рядков Вот что у меня получилось Как же его правильно сделать ?

    Asked by angangell,

    0 votes
    17 answers

  7. Нужна помощь в создании фона страницы в виде картинки

    Здравствуйте, работаю над страницей своего электронного магазина, расположенного на чужой электронной площадке. В html я - очень новичок, поэтому прошу о помощи. Пытаюсь сделать фон картинкой, выполненной в фотошопе, но в итоге вижу вот что (см. ссылку) https://cloud.mail.ru/public/CP72/2ADsKKXra Код в этом месте выглядит так: https://cloud.mail.ru/public/LxLY/WqunPLaPg Закрытые теги все есть в конце страницы. Где не правильно? Понимаю, что наверное в коде бардак, но вы уж строго не судите - дебютирую Спасибо большое.

    Asked by Оля,

    0 votes
    17 answers

  8. еще один нубский вопрос про списки и маркеры

    дайте пожалуйста совет как центрировать заголовок, список с маркерами и нижний заголовок http://savepic.su/6283778.jpg

    Asked by severianin,

    0 votes
    17 answers

  9. Увеличение картинки в многоугольнике

    Здравствуйте. Не могу решить задачу. Есть картинка в многоугольнике, по наведению она должна увеличиваться. У меня сейчас получается только эффект "гармошки": http://codepen.io/anon/pen/wGaoqY. Знаю откуда ноги растут - картинке задана высота 100%, но если установить auto, то тогда на hover искажается многоугольник. Подскажите, пожалуйста, как это исправить.

    Asked by Crystal-3,

    0 votes
    17 answers

  10. Верстка email писем

    Делал задание по верстке email рассылки. Единственная проблема возникла с тестированием. 1. Я не знаю где и как можно проверить отображение на разных почтовиках. Знаю есть сайт litmus, но для бесплатного тестирования там только 3 почтовика (gmail, iphone 6s, outlook 2013). Хочется быть более уверенным, когда отправляешь письмо заказчику, что оно тебе не будет снится по ночам и заказчик не будет вспоминать тебя трехэтажными словами. Еще вопрос по поводу media запросов. 2.Можно ли их использовать? Вот тут campaignmonitor написано за 19.09.2013 Проверял письмо еще вот здесь . На media запросы никак не реагировало, поддержка написана 97…

    Asked by WhatIsHTML,

    0 votes
    17 answers

  11. Как прибить footer к низу если фон страницы с абсолютным позиционированием?

    Добрый день. Раньше пользовался разнымие способами и они помогали, но в этой ситуации, когда на фоне у меня сочетание видео и картинки и им дано position: absolute ничего из известных мне способов не работает( может где-то что-то я упустил, помогите пожалуйста. При это очень очень желательно, чтобы рабочий способ не зависел от высоты футера т.к. на разных разрешениях она меняется. Вот codepan: http://codepen.io/foxer1/pen/OXbYrj

    Asked by foxer,

    0 votes
    17 answers

  12. Изображение вместо бордюра в CSS

    Здравствуйте! При оформлении сайта решил установить вместо бордюра изображение. В левом верхнем углу изображения имеется узор,для его сохранения ширину верхнего и левого бордюра пришлось делать равной размерам узора,при это контент сдвинулся вниз и вправо. Подскажите,как можно сдвинуть контент на изображение бордюра или возможно есть другой способ установить изображение в угол окна. Так же хочу добавить,что окно (блок div),на котором установлено оформление бордюра будет изменяться,по высоте при добавлении контента и по ширине при изменении ширины окна браузера. Код CSS: section { float: right; width: 67%; height: 455px; margin:…

    Asked by Кибран,

    0 votes
    17 answers

  13. бустрап отключить адаптивность

    есть сайт на бустрап3(а может 4) мне нужно выключить адаптивность для любых устройствах я установил такую строку <meta name="viewport" content="width=1200, initial-scale=0.4, maximum-scale=1.0, user-scalable=yes" /> все работает,но если я в десктопном браузере уменьшаю ширину то верстка превращается в адаптивную гуглил,там описываются решения типа пересобрать бустрап или заменить все элементы на col-xs- но для меня слишком сложно,плюс не хочу править сам шаблон есть простое решение? скачивал css файлы которые якобы убирают адаптивность но не помогает

    Asked by https,

    0 votes
    17 answers

  14. Как обрезать картинку снизу?

    Друзья, возникла задача построения ряда блоков. Блоки располагаются один под другим. В каждом есть изображение, которое должно обрезаться снизу. Однако сам div нестандартный. Смотрим картинку Какие у меня были варианты решения: Использовать overflow: hidden; Но идея потерпела крах, потому что он обрезает не по линии, а по горизонтали. Использовать clip; Тоже крах, потому что теряется адаптивность и каждый раз рассчитывать clip даже с помощью js тяжело Разные варианты совмещения. Например, взять из макета дугу и картинку, сохранить как PNG и установить в основном слое как background-position: bottom; Пока это самая лучшая идея, но она не унив…

    Asked by Libiros,

    0 votes
    17 answers

  15. Пагинация в вордпресс

    Всем привет! Обращаюсь к знатокам вордпресса, очень нужна ваша помощь. Вот в чем проблема - на главной странице выводятся посты по определенной метке, я использую стандартную пагинацию движка и она почему-то работает некорректно - текущей страницей (с классом current) всегда является первая, на какой бы странице я фактически ни находился - хоть второй, хоть двадцатой ... В чем может быть проблема? В какую сторону копать?

    Asked by alejandro13,

    0 votes
    17 answers

  16. Как сверстать такой блок

    Возникла проблема с версткой такого блока как на картинке. Подскажите в каком направлении искать информацию?

    Asked by garmoni,

    0 votes
    17 answers

  17. Абсолютное позиционирование шапки сайта

    Всем привет. Начал я делать сайты по psd макетам. До этого попробовал несколько сайтов верстать по видеокурсам. Вот теперь решил попробовать сам. И вот задумался. Нашёл я резиновый макет. Вроде с шапкой всё понятно, да и помню, что похожее как раз по видеокурсу проходил. Понял, что для шапки вроде бы подходит следующий код: .header { position: absolute; width: 100%; } А вроде бы это position: absolute и не нужен. Поискал в интернете. Часто такие стили применяют, но вот объяснений почему нет. Можете объяснить зачем применяют в шапки сайта абсолютное позиционирование? Частый ли это случай или или применяется только в определённых, редких случаях? …

    Asked by Arxont,

    0 votes
    17 answers

  18. justify-content: space-between - выравнивание элементов в нижнем ряду

    Здравствуйте! Подскажите, пожалуйста, как избежать такой картины при justify-content: space-between: Хотелось бы, чтобы в нижнем ряду не было пустого пространства между элементами. Как вы избегаете такую проблему? http://jsfiddle.net/osfkzpvy/

    Asked by volshebnyi,

    0 votes
    17 answers

  19. Блок по центру экрана

    Как растянуть блок по размеру экрана а не так чтобы он улетал за экран? // CSS .dropdown { display: inline-block; } .dropdown-content { z-index: 1; display:none; position: absolute; background-color: #000; width: 100%; padding: 46px 24px 40px; max-width:1358px;; } .dropdown:hover .__open { background-color: #000; color: #4a4a4a; } .dropdown:hover .dropdown-content { display:block; } // HTML <div class="dropdown"> <a class="__open" href="#">Ссылка 4</a> <div class="dropdown-content"></div> </div>

    Asked by Неугомонный,

    0 votes
    17 answers

  20. отцентрировать текст в колонке

    Объемный прайс в виде таблицы. Заданы col-ы . Нужно отцентрировать текст только в одной колонке. Дабы не задавать класс для каждой нужной ячейки, задала класс для нужной колонки, но почему-то не работает. Код и css в норме, ручаюсь. Может быть col вообще не работает, по крайней мере в FF???

    Asked by Nomo,

    0 votes
    16 answers

  21. Проблема с вложенными таблицами.

    Почему во вложенной таблице не исчезла сетка? <html> <head> <style type="text/css"> .tbl { width: 100%; border-collapse: collapse } .tbl td { border: 1px solid black } .tbl2 td { border: 0px solid black } </style> </head> <body> <table class="tbl"> <tr> <td>............</td> <td>............</td> <td>............</td> </tr> <tr> <td>............</td> <td> <table width="100%" class="tb2"> <tr> <td>............</td> <td>............</td> <td>............</td> </tr> </table> …

    Asked by nim,

    0 votes
    16 answers

  22. Ох уж эти фреймы...

    Есть некий сайт, полностью на фреймах. Как известно, для продвижения желательно избавляться от них, чтобы читался текст. Но, проблема в том, что переделывать весь сайт под статику очень долго и бессмысленно, так как лучше уж на движок натягивать, чем все статикой делать. Так вот: можно ли сделать так, чтобы индексная страница была бы статичной, а остальные на фреймах? пытался, не получается... PS - к сожалению, сам сайт показать не могу.

    Asked by zews,

    0 votes
    16 answers

  23. Есть окно, как можно зделать что курсор автоматом был в нем

    Всем привет, тут такой вопрос. Есть в сайте окно для ввода, как можно зелать что при загрузке старницы автоматом в этом маленьком окоше для ввода сразу был курсор. Тобиш что б сразу можно было туда вбивать текст. не тыкая мыкой туда.

    Asked by hoot,

    0 votes
    16 answers

  24. графический элемент - кружочек

    Здравствуйте всем! Как можно средствами HTML нарисовать кружочек, наподобие маркированного списка? Заранее, спасибо!

    Asked by a_web,

    0 votes
    16 answers

  25. Выпадающее меню и инпуты

    Здравствуйте, на сайте есть выпадающее меню, и ниже, идут инпуты, однако, слой с меню всегда оказывается ниже слоя с инпутом, z-index менял, не помогает. Есть какой-нибудь способ обойти это?

    Asked by Renert,

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