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. Не могу создать кнопку-ссылку. помогите, пожалуйта!

    При нажатии на кнопку, будет открыватся страничка-галерея вот кнопка состоянии нажатом (a:active) Какой принципиальный подход может быть чтоб оформить такую кнопку? Прошу не посылать в гугл и в справочник, я только оттуда, 2 день пробую сделать - не выходит... Пробовал оформить кнопку как 3 разных картинки и как Слово-сслыку с оформленным контуром.... Возможно необходимо решить задачу через тег Button? Где лучше описать дизайн кнопки? в css UL{} или сделать 3 кнопки в ФШ? Так задолбался, что даже не знаю правильные ли я вопросы задаю... Буду благодарен если скажите что куда вписать(основу, а дальше сам разберусь) Кнопка 220пк 100пк, 3 цвета не активная, активная(не нажа…

    Asked by No0bik,

    0 votes
    8 answers

  2. Блок не выравнивается по центру при margin:0 auto;

    День добрый,подскажите почему блок с картинкой не выравнивается по центру при заданном margin:0 auto; ? Все равно остается какой-то отступ справа. http://cssdesk.com/7gteB

    Asked by Temik2704,

    0 votes
    8 answers

  3. Проблемы с overflow при обрезанной картинке

    http://jsfiddle.net/xJWre/18/ Может еще не проснулся, не знаю, но что-то не могу придумать/вспомнить как в максимум два вложения сделать одинаковые границы от каждого края. Картинка, конечно же, больше изначального блока и наша задача ее НЕ масштабировать, а немного отцентрировать и обвести границей которая отступает от краев картинки на пару пикселей. PS. Возник вариант на box-shadow, но это слишком просто и в ИЕ7 не покатит. PSs. И с outline также не предлагать

    Asked by advokatua,

    0 votes
    8 answers

  4. div 2 колонки корневой не раздвигает див

    Проблема, когда создаю 2 колонки флоат задаю им получается что основной див не раздвигает внутренний к примеру такой вариант <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>Две колонки</title> <style type="text/css"> #container { border: 5px solid #444444; /* Общая ширина макета */ margin: 0 auto; /* Выравниваем по центру */ } #leftcol { float: left; background: #f0f0f0; width: 600px;background-color: #333; } #rightcol { float: left;margin-left: 10px; background: #fc0; width: 200px;background-color: #555555; } #le…

    Asked by quickreg,

    0 votes
    8 answers

  5. Разворот одной картинки в другую

    Добрый вечер всем! Подскажите пожалуйста какой-нить скрипт желательно js, чтобы при наведении мышки на фото оно разворачивалось по горизонтали и менялось на другое фото. Что-то типа вот этого: http://shpargalkablog.ru/2012/01/pri-navedenii-na-kartinku-ona.html. пробовал вставлять - не получилось. МОж. чего не доделал.??? . Я в яве как-бы не спец вообще, скопировать могу....а.... Спасибо!

    Asked by Vic-Tor,

    0 votes
    8 answers

  6. Помощь по border

    Подскажите пожалуйста, как сделать двойную границу? Т.е. мне надо две линии которые по ширине умещаются в 2px и каждый пиксель разного цвета! Я понимаю, что допустим делается одна линия так border-left: solid 1px #f8d; , а вот как делается еще одна линия возле нее?

    Asked by oleg126,

    0 votes
    8 answers

  7. Гугл фонтс - их ошибка или фича браузера?

    http://jsfiddle.net/HLmmX/ В Вебките выглядит жирно, в мозилле - тонко. В чем проблема?

    Asked by Zverushka,

    0 votes
    8 answers

  8. адаптивные картинки в firefox

    помогите пожалуйста решить проблему в кроссбраузерностью изменения размеров изображения страничка сделана на bootstrap3. в последней версии FF при уменьшении ширины окна до 300px изображение .girl пропорционально сжимается, а изображение .logo_pic - нет не помогает удаление обёртки <a>, или добавление обёртке классов типа col-xs-12 col-sm-12 col-md-5 col-lg-5 , или изменение display обёртки в opera, chrome сжимаются оба изображения

    Asked by cyklop77,

    0 votes
    8 answers

  9. Обнуление отступа

    http://cssdeck.com/labs/zipwv5hq В блоке c текстом about_block находится img c отступами в 30px слева и снизу, чтобы текст не прилипал к картинке . Но вот проблема, если текста мало, и он не обтекает картинку снизу, то получается что до следующего блока снизу отступ увеличивается на 30px. Т.е. расстояние между блоками не задуманные изначально 40px, а 70. Так вот, может кто знает решение средствами css?

    Asked by Caffeine,

    0 votes
    8 answers

  10. Задание из практикума

    http://cssdeck.com/labs/8oz4cgnn При наведении не то что надо. Дайте подсказку . Код писать не надо..

    Asked by rpmcmerphy,

    0 votes
    8 answers

  11. масштабирование

    почему при масштабировании съезжают блоки? сделал выпадающее меню и выравнял как надо, но при изменении масштаба это меню съезжает

    Asked by ilgibitym,

    0 votes
    8 answers

  12. Первая весртка

    С чего начать первую верстку ?Нужен photoshop ?Но не хочется его покупать, есть ли его хорошие бесплатные аналоги ?Что нужно сделать чтобы пробывать первую верстку ? Мб сделать все задания из практикума ?Прочитать книгу CSS ?

    Asked by rpmcmerphy,

    0 votes
    8 answers

  13. content + sidebar как сделать равную высоту между ними?

    Добрый вечер! Есть главный блок main - в нем 2 блока - content и sidebar Как сделать так чтобы любой из них выравнивался по высоте большего блока? Т.е. если в content получается больше информации и он стал больше сайдбара,то сайдбар подтягивается к нему по высоте и наоборот? Вот макет по которому делаю: http://cs413616.vk.me/v413616149/5558/j9grtCN4nEQ.jpg Вот мой макет http://cssdeck.com/labs/doi6kbsh

    Asked by Temik2704,

    0 votes
    8 answers

  14. Про ширину фона

    Допустим у нас есть неоднородный фон на ширину 1920 пикселей - по сути на максимальное разрешение - я вставляю его по центру как задний фон. Но ведь есть же мониторы с большим разрешением? Как будет сайт с таким фоном выглядеть на них? Будут некрасивые обрезки по бокам. Что делать, как быть?

    Asked by Zverushka,

    0 votes
    8 answers

  15. Hover

    Есть блок он меняет свой фон при наведении также есть кнопка которая должна изменить фон свой при наведении на блок. Как правильно реализовать такое? http://jsfiddle.net/4uPDE/

    Asked by volkod,

    0 votes
    8 answers

  16. Мозилла выдает ошибку

    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"><html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <title>Первая HTML страница</title> </head> <body> <p>How To Avoid Wasting Your Most Valuable Online Asset - TIME!</p></html></body>В итоге в браузере выдает ошибку: Ошибка синтаксического анализа XML: несоответствующий тег. Ожидается: </meta>. Адрес: file:///C:/Users/%D0%90%D0%BD%D0%BD%D0%B0/Desktop/html/index.html.xml Строка 6, символ 3:</head> --^

    Asked by yudinasty,

    0 votes
    8 answers

  17. горизонтальная линия через заголовок

    помогите пожалуйста решить проблему на страничке требовалось встроить заголовок, слева и справа от которого проходит горизонтальная линия. я сверстал его так. но если контент-менеджер увеличит количество букв в заголовке, то заголовок может поломаться или занять по горизонтали места больше, чем задумал дизайнер подскажите пожалуйста правильный способ вёрстки подобного заголовка ps другими словами. сейчас длина блока .h1 - 813px. нужно чтобы при изменении количества букв, эта длина не изменялась

    Asked by cyklop77,

    0 votes
    8 answers

  18. Нет скролла в Frame

    Есть 2 фрейма, но во втором, где должен быть контент, нет полос прокрутки, скролла. Я пробовал самые разные способы: добавлял div в котором был overflow, scrolling="yes/auto", ничего не помогло. В чем может быть проблема? Оставлю "сайт" тут: http://risovalka-16.hol.es/html/index.html

    Asked by Coshe,

    0 votes
    8 answers

  19. repeating-linear-gradient

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

    Asked by rpmcmerphy,

    0 votes
    8 answers

  20. slider overflow hidden position absolute

    Собственно, я думаю, многие встречались с такой проблемой, как вытаскивание блока с position: absolute; за блок с overflow:hidden; В моем случае, это внутри слайдер http://jsfiddle.net/npofopr/F22FQ/ Собственно при ховере на блок, должен всплывать доп. контент, из-за overflow: hidden; все режется. Как обойти? Нагуглить не получилось, вернее ничего не подошло (такое пробовал http://dabblet.com/gist/7729560 тоже), а как решить с помощью js, пока не нашел. В общем, может у кого есть в закладках, пути решения? Буду рад всему

    Asked by npofopr,

    0 votes
    8 answers

  21. Занять 100% высоты экрана, известными методами реализовать не удалось.

    Здравствуйте! Помогите решить проблему, их несколько, но основная это: 1) Растянуть на всю высоту экрана и не появлялась полоса прокрутки, используя лишь средства CSS. Поддержка старых версий браузеров не важна, главное что бы на основных браузерах работало. http://jsfiddle.net/Vicos/KH2gC/ Картинки не отображаються, не понял куда их пристроить чтобы в сервисе jsfiddle работали. Так же готов выслушать критику по вёрстке. Спасибо всем кто уделит время.

    Asked by Vicos,

    0 votes
    8 answers

  22. Верстка header'a. Сложности с position

    Всем доброго. У меня, как у начинающего верстальщика, есть ряд проблем. и одна из них - свойство css - position; не совсем догоню где и как применять значения absolute, relative и т.д. Сейчас у меня стала проблема в верстке такой (см. картинку) шапки. Для наглядности выделил блоки как я их себе представляю. 1. серый блок - растянут на всю ширину стариницы, не имеет никаких отступов ни сверху ни снизу. с этим проблем нет. 2. зеленый контур. имеет ширину в 900px (ширину страницы) располагается по центру. (тут проблем тоже не возникае) а сам проблема возникает при добавлении следующих блоков: 3. желтый, синий, зеленый - на которых логотип, форма поиска, логин+кнопки …

    Asked by To_wave,

    0 votes
    8 answers

  23. Верстка, где основная высота страницы в зависимости от разрешения меняется, но при этом нет основной полосы прокрутки

    Добрый день всем! В общем проблема в следующем: необходимо сделать так, чтобы высота основного блока менялась в зависимости от разрешения экрана, но при этом полоса прокрутки должна появляться только сбоку от элемента, где показана вся основная информация(помимо этого блока имеются шапка и футер) как-то так: Можно ли вообще это сделать средствами css? Или придется использовать javascript? Буду очень благодарен всем, кто поможет решить эту задачу.

    Asked by Findquestion,

    0 votes
    8 answers

  24. Проблема с IE и множественными обтеканиями

    Есть блок на сайте http://zverushka.zz.mu/edu-problem/ Блок Ближайшие события - в хроме и мозилле смотрится ровно и как надо. Но в осле - сходит с ума и расползается куда попало. Я хотела сделать заголовок полноценным - чтобы цифра 30 (и др. даты) входили в заголовок, а не висели отдельно. При этом блок цифры имеет динамический размер, зависящий от количества цифр. как и сам блок - также имеет динамический размер в зависимости от ширины содержимого... и расстояние между блоками также динамическое (идеально здесь - table-cell). В общем у нас сложный пациент случай В итоге просто не знаю, что теперь делать с осликом. Если .caption отменить fl right, то в ослике как надо,…

    Asked by Zverushka,

    0 votes
    8 answers

  25. button before absolute

    ие8 не понимает :before с позицией absolute у тега button. Есть варианты?

    Asked by Zverushka,

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