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. Проблема с float

    Здравствуйте! Код: <div class="frame"> <div class="float-block"> <div class="image"></div> <div class="holder">Красивое нарядное платье «Снежанна»</div> </div></div>.frame{ overflow:hidden; height:1%; margin:0 0 30px;}.float-block{ float:left; padding:20px; background-color:red; margin:;}.float-block .image{ float:left; background-color:blue; width:30px; height:30px; margin:0 10px 0 0;}.float-block .holder{ display:block; overflow:hidden; height:1%;}http://prntscr.com/23m7ge Почему «Снежанна» падает вниз , а не растягивает красный блок? Как флотнутый блок высчитывает свой размер?

    Asked by ruvi,

    0 votes
    4 answers

  2. src в iframe

    Доброго всем дня, В общем нужно как-то проследить загрузился в iframe src и если нет заменить на другой, таймаут пару секунд. Лучше чисто на Java. Спасибо.

    Asked by saff1000,

    0 votes
    4 answers

  3. Проблемы с Wordpress темой

    Доброго времени суток, помогите разобраться с таинственным поведением верстки после "натягивания" на WP. Верстка делается в соответствии с шаблоном, проверяется PixelPerfect'ом, все супер, но после "соединения" с WP, появляется ряд недочетов, в частности: - межбуквенный интервал в заголовках (в верстке указан 1рх, на WP пришлось уменьшить до 0,6рх - и верстка и тема прошли PixelPerfect), - поведение блоков (позиционирование по правому краю с помощью флоата) ... может что-то пропускаю, может в WP есть таки какой стиль, который перебивает каким то образом стили темы, но вроде бы такого быть не может... раньше замечались расхождения, но под руками не было PixelPerfec…

    Asked by Anuksanomun,

    0 votes
    1 answer

  4. сафари для windows

    вы поддерживаете сафари для windows?

    Asked by Mister-N,

    0 votes
    4 answers

  5. Часы. Увеличение размера

    Здравствуйте, уважаемые форумчане. Кто может помочь увеличить размер цифр вот в этих часах: http://www.morohon.pusku.com/new_panel/clock/ Нужно чтобы они были во весь размер фона. Если не трудно, пожалуйста, помогите... Вот код часов: <!DOCTYPE html><html> <head> <meta charset="utf-8"/> <style type="text/css"> #clock{ width:500px; border-radius: 6px; } #clock .display{ text-align: center; padding: 50px 10px 10px; border-radius:6px; position:absolute; height: 110px; width:500px; } /*------------------------- Light color theme --------------------------*/ #clock.light{ background-color:#…

    Asked by morohon,

    0 votes
    2 answers

  6. краевые отступы в bootstrap3

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

    Asked by cyklop77,

    0 votes
    3 answers

  7. Есть ли разница как подключить google fonts

    Есть ли разница как подключить google fonts через @import или <link> ?

    Asked by Zverushka,

    0 votes
    3 answers

  8. sourcemaps in sass

    Меня всегда раздражало, что изменения стилей в инспекторе хрома (на вкладке elements) не сохраняются на жесктй диск при использовании препроцессоров. Итак, воспользуемся препроцессором sass (в пререлиз версии 3.3+ есть замечательная штука sourcemaps) и след. инструкцией: http://www.hongkiat.com/blog/editing-css-preprocessor-chrome/ Что имеем в итоге: в инспекторе хрома (на вкладке elements) мы видим не скомпилированный css, а sass. И когда правим его - изменения тут же отражаются скомпилированном css-файле, НО...все это теряет обсолютно любой смысл, т.к. именения стилей в инспекторе хрома (на вкладке elements) НЕ отражаются на самом sass-файле, а только на скомпилированно…

    Asked by Evkaky,

    0 votes
    0 answers

  9. Задание Шаги из Практикума

    http://cssdeck.com/labs/l4ciwczf Вот такой вопрос при псевдоклассе hover перекрашивается в зеленый уголок и перекрашивает родительский div , почему при наведении курсора на родительский div не перекрашиваетя уголок он же дочерний.

    Asked by rpmcmerphy,

    0 votes
    9 answers

  10. Ризиновый width

    Доброго времени суточк, форумчане. Возникли проблемы с созданием плеера , а именно с изменением его ширины . Идеей было : при изменении ширины, изменять размер самого плеера , длину звуковой дорожки , ну и volume . Размеры именно этих эелементов заданы в % , но при малейших изменениях все рушится . Кто знает как решить ту задачу правильно? Вот код http://jsfiddle.net/JTsLh/1/

    Asked by ruboss,

    0 votes
    1 answer

  11. Нажатие на ссылку - сдвиг к нужному тексту

    Здравствуйте. Какой нужно применить код, чтобы при нажатии на ссылку экран сдвигался к нужному тексту. Спасибо.

    Asked by Багдыч,

    0 votes
    3 answers

  12. Расширение при помощи background-size:cover;

    Вот такая проблема, не могу некак решить уже часа 3 мучаюсь надежда тока на вас К сожелению саму картинку показать не могу, постораюсь обьяснить на словах У нас есть фон для меню шириной 1200px и высотой в 88px а щас вот сам код .top { background:url(images/bg_top.png) no-repeat; background-size:cover; max-width:1200px; height:88px; display:block; margin:0 auto;}то есть при разрешений больше 1200px все нормально картинка стоит по центру при смене разрешения в 1024 на 768 картинка режется и правый скругленный угол не видно тоже самое при разрешеий 800*600 но еще в добавок появляется scroll Как решить эту проблему , вообще перепробовал много способов но не по…

    Asked by BSandro,

    0 votes
    6 answers

  13. вид текста при изменении масштаба страници

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

    Asked by onhoric,

    0 votes
    2 answers

  14. Верстка. Картинка по центру div

    Здравствуйте, уважаемые гуру! Не могли бы вы подсказать, как выровнять картинку по центру div'а в коде, который будет представлен ниже. Я знаю, что код не совершенен, и если вам будет не трудно, укажите на ошибке и если можно с объяснениями, чтобы я мог исправить их в дальнейшем. Буду очень признателен за помощь. css: body { width:100%; height:100%; } body div#rotator{ float:left; min-width: 60%; max-width: 65%; min-height: 70%; max-height: 80%; } #rotator li img { min-width: 85%; max-width: 100%; min-height: 75%; max-height: 80%; } #rotator div > ul.list{ position: relative; list-style: none; padding: 0px; …

    Asked by morohon,

    0 votes
    19 answers

  15. Как сделать такое меню

    Как сделать такую вещь, если навести мышь , то открываются суб категорий: Пример: Окно 1 (Предлогаются категорий Окно 2 : Окно 3: Окно 4) Пример можно увидеть на ebay , если навести мышь на "Fashion" открываются категорий Men's, Women, Kids и так далее.

    Asked by nubik1113,

    0 votes
    1 answer

  16. Помощь по border

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

    Asked by oleg126,

    0 votes
    8 answers

  17. http://htmlbook.ru/practical/hod-konyom

    http://htmlbook.ru/practical/hod-konyom Вот что у меня http://cssdeck.com/labs/zzgoaqsz. Это задание только делается при помощи javascript ?

    Asked by rpmcmerphy,

    0 votes
    2 answers

  18. Практикум Ход конем

    http://cssdeck.com/labs/zzgoaqsz Почему не работает visited, если поменять на active или hover то все нормально.

    Asked by rpmcmerphy,

    0 votes
    7 answers

  19. что делает этот кусок кода?

    body:before { content: ""; height: 100%; float: left; width: 0; margin-top: -32767px; } просматривая очередную верстку сайта (иногда поглядываю на забугорную верстку сайтов, с целью узнать что-то новое) и нашел это Что он делает? p.s посмотреть можно здесь https://www.browserstack.com/users/sign_up

    Asked by swandev,

    0 votes
    6 answers

  20. 2 inline-block - один слева, другой справа.

    Представим блок, внутри которого находятся 2 блока со стилем Inline-block (это им подходит по смыслу). Как мне разместить один блок у левого края, другой у края справа? Если я ставлю правому блоку до кучи стиль float: right, то мое оформление как Inline-block (то есть я не задаю ширину, а только паддинги и блок сам растягивается по соедржимому) почему-то сохраняется, кстати да - ведь так и должно быть? плавающие блоки не растянуты на всю ширину, а автоматом подстраиваются под содержимое... Не хотелось бы выводить элемент из потока, хм... Но видимо другого способа нет? УПД. Проблема еще в том, что эти блоки выравнены вертикально по центру.

    Asked by Zverushka,

    0 votes
    11 answers

  21. Нужна помощь со слайдером

    Здравствуйте. Подключил на страничку Rhinoslider, вставил свое содержимое и контролы. По функционалу все в порядке, единственное, что беспокоит - там с помощью js автоматически добавляется див-контейнер, который все содержимое оборачивает. У него прописаны свои правила позиционирования, которые я могу редактировать только в Firebug. При загрузке страницы у блока со слайдером задано отрицательное позиционирование слева и снизу. Когда я отключаю эти правила в браузере, все становится на свои места. Проверял в хроме, опере и сафари - там все стоит на местах с самого начала. Только в лисе и в ie все не хорошо. (хотя в ie js хоть и не работает как надо, все же блок со слайдеро…

    Asked by ermolaevai,

    0 votes
    0 answers

  22. Проблема в скроллинге

    Дело в том, что при написании шаблона всё было нормально. Но при применении аналогичного кода на форуме появляется горизонтальный скролл, а изображения встают в строчку. Ссылка на форум: (для появления бокса кликните на черный медальон) http://fandance.ru/showthread.php?p=14460#post14460

    Asked by LeoSan,

    0 votes
    4 answers

  23. Помогите настроить слайдер

    Здравствуйте. Выполняю тестовое задание на верстку. В числе элементов страницы есть и относительно простой слайдер на Jquery. Я выполняю его по уроку, найденному здесь: http://heavenweb.ru/delaem-prostoy-slayder-na-jquery В идеале должно получиться примерно так как здесь: http://allins.ru/ Я полностью скопировал приведенный на HeavenWeb код, только имена объектов, естественно, поменял на свои. К сожалению, код работает не полностью: кнопки переключения не подсвечиваются, как должны и по стрелкам слайды не переключаются. Кроме того, после подключения js-кода, на картинки с кнопками накладываются сверху еще такие же картинки. В firebug'е убираю background-image - подсветк…

    Asked by ermolaevai,

    0 votes
    4 answers

  24. Кнопка

    Здравствуйте. Сделал кнопку тегом button, оформил стилями, вставил ссылку. Получилось отлично, кнопка нажимается и переводит по ссылке. Всю малину испортил валидатор, выдавший ошибку. Оказывается тег "а" нельзя вставлять в тег button. Подскажите пожалуйста где об этом узнать подробно и доступно для новичка.

    Asked by webded,

    0 votes
    6 answers

  25. Спрайты,Формы и Контрформы

    Здраствуйте, недавно сегодня познакомился с такими понятиями , как спрайты,формы и контрформы,но есть одна проблема во всём этом я не понимаю как ими пользоваться при помощи background-position,ну в том смысле что применить не могу,да и с оспрайтами тоже как то не очень ,может помочь кто нибудЬ? и объяснить всю подноготную) заранее спасибо огромное)

    Asked by Flanidub,

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