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. Пропажа бордюров

    Здравствуйте! Помогите пожалуйста по следующей проблеме. У меня перестали отображаться бордюры с правой и с левой стороны. В чём может быть проблема? -moz-border-image: url(images/1.png) 10 20 10 250 stretch stretch; -webkit-border-image: url(images/1.png) 6113 0 0 stretch stretch; -o-border-image: url(images/1.png) 6113 0 0 stretch stretch; border-image: url(images/1.png) 6113 0 0 fill stretch stretch; border-width: 30px; border-right: 30px solid; -moz-border-image: url(images/1.png) 10 260 10 250 stretch stretch; -webkit-border-image: url(images/1.png) 6113 0 0 stretch stretch; -o-border-image: url(images/1.png) 6113 0 0 stretch stretch; border-width…

    Asked by bobb,

    0 votes
    3 answers

  2. Помогите пожалуйста с созданием блока

    Помогите как мне создать с права или слева на фоне блок как только не пробовал он постоянно либо выше сайта либо под сайтом создается

    Asked by mariks,

    0 votes
    3 answers

  3. Помогите сверстать плейлист!

    Здравствуйте! Помогите, пожалуйста, сверстать плейлист. У меня проблема с обтеканием - блок Artist никак не загнать под Title, пробовал и clear и float. Нарисовал картинку для лучшего понимания вопроса. То, что есть сейчас <ul class="playlist"> <li> <i class="play_button">▶</i> <span class="artist">Seekae</span> <span class="track">Void</span> </li> </ul> li { line-height: 2px; font-size: 15px; list-style-type: none; height: 50px; } ul …

    Asked by adelein,

    0 votes
    3 answers

  4. Не могу анимировать посты

    Необходимо анимировать посты сайта http://ekspert-uc.ru/training/gosudarstvennaya-sluzhba/ Нужно чтоб при наведении голубой прямоугольник выдвигался сбоку. Голубой прямоугольник фон постов вставился в файле loop.php <?php if(!is_single()){ global $more; $more = 0; } //enable more link ?> <?php /** Themify Default Variables * @var object */ global $themify; ?> <?php themify_post_before(); // hook ?> <article itemscope itemtype="http://schema.org/Article" id="post-<?php the_ID(); ?>" <?php post_class("post clearfix " . $themify->get_categories_as_classes(get_the_ID())); ?>> &lt…

    Asked by mariet,

    0 votes
    3 answers

  5. Сделать первую закладку в табах активной

    Здравствуйте! Помогите, пожалуйста, с задачей: Делаю вот такие табы - http://www.w3schools.com/howto/tryit.asp?filename=tryhow_js_tabs_fade Возникло два вопроса: 1. При загрузке страницы все табы неактивны. Как средствами JavaScript сделать первую закладку активной (на примере - город Лондон и его описание)? 2.В примере все работает правильно. А вот у меня на локальной машине при переключении на таб страница почему-то прыгает вверх. Проверял на хроме и мозилле. Подскажите, пожалуйста, как избежать такого? Заранее благодарен за помощь!

    Asked by volshebnyi,

    0 votes
    3 answers

  6. Подключение FontAwesome SCSS

    Всем здравствуйте! Хочу подключить Fontawesome , используя миксин бурбон font-face. Вроде все компилируется правильно,все пути до шрифта прописаны верно(другие шрифты подключаются нормально), но результата не видно. Попробовал CDN - все ОК. Возможно кто-нибудь знает как решить такую проблему? P.S. Гугл ничего толкового не выдал(.

    Asked by Alexandr37,

    0 votes
    3 answers

  7. Как растянуть блок вниз до прижатого футера

    Здравствуйте. Подскажите, как можно растянуть блок вниз до прижатого футера, если высота страницы неизвестна ( т.е. чтобы на любых экранах блок касался футера) ???

    Asked by Prana,

    0 votes
    3 answers

  8. Как прикрепить футер в табличной вёрстке или просто закрепить нижнюю область

    Всем привет! Нужно сверстать страницу именно в табличном варианте и что бы прижать футер к низу, подскажите пожалуйста как это лучше всего реализовать? Заранее спасибо! <html> <head> <META HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=windows-1251"> <STYLE> a{text-decoration:none;} TABLE { font-weight: normal; font-size: 8pt; border:none; border-collapse:collapse; border-spacing : 0px; left : 0px; letter-spacing : 0px; right : 0px; } BODY {font-family:Arial Cyr, Arial; font-weight: normal; font-size: 8pt; color: black; .table_name { border: 3px; border-left: 3px solid #83C447; bor…

    Asked by nb21,

    0 votes
    3 answers

  9. Приоритет блоков поделиться

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

    Asked by Mizorg,

    0 votes
    3 answers

  10. Помогите выполнить задание

    Я только начал изучать HTML и толком ещё ничего не понимаю. Хожу на курсы от 1С. Писал там сайт, на котором можно играть в крестики-нолики. Но не доделал и преподаватель задал доделать игру. Нужно, чтобы при дабл клике на кнопку значение не менялось. И завершение игры. Например: подряд 3 крестика и это означает, что крестики выиграли и выводится сообщение об этом. Но вот проблема, никак не могу допереть как это сделать. Есть идеи? Код: http://jsbin.com/jeluvucuda/edit?html,css,js,output

    Asked by Kun32216,

    0 votes
    3 answers

  11. Случаи использования http(s)://

    Доброго дня! Для того, чтобы описать регулярное выражение мне необходимо учесть все случаи, когда используются символы http(s):// Итак. В редакторе составляется е-майл письмо. Оно может содержать html теги, таблицы, картинки, стили css. Задача - в момент сохранения изменить все ссылки (содержащие http(s)://). Для чего изменить - это другой вопрос и к этой теме не относится. Я условно подразделил все ссылки на два типа: Содержащие <a href="http://...... то есть текстовые ссылки (они нам не интересны) Все остальные ссылки на картинки, на фоновые картинки и т.д. содержащие: <table background="http:// <img alt="" src="http:// …

    Asked by rafaello9,

    0 votes
    3 answers

  12. Почему элемент не центрируется по вертикали?

    https://jsfiddle.net/86frqge7/ Почему элемент <b>hi</b> не центрируется по вертикали?

    Asked by torsar,

    0 votes
    3 answers

  13. Не работает адаптация на мобильном

    подскажите в чем ошибка, медиа запросы на экране браузера работают, а на самом мобильном устройстве нет. Весь сайт поломан. Вот так выглядит head <!DOCTYPE HTML> <html> <head> <meta http-equiv="Выберите расширение для паковки" content="text/html; charset=utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta name="keywords" content=" бизнес в интернете, онлайн бизнес, запуск бизнеса в интернете, онлайн предприниматель, пошаговая система, МЛМ в интернете"> <meta name="description" content="Бесплатный ПДФ пошаговая инструкция запуска бизнеса в интернете"> <link href="style.css" type="text/cs…

    Asked by Шараг Роман Леонидович,

    0 votes
    3 answers

  14. Как в данном случае работает наследование?

    Здравствуйте! Есть такой код css html, body {width:100%; padding:0; margin:0;} body {font: 14px/25px Arial, Helvetica, sans-serif;font-family: 'Open Sans', sans-serif;background:#F6F8F7;padding:0 40px ;} body .wrap-body{} И собственно HTML (весь не пишу только часть) <body> <div class="wrap-body"> <div class="header"> <div id='cssmenu' class="align-right"> <ul> <li class="active"><a href='index.html'><span>zSawyer</span></a></li> <li class=' has-sub'><a href='archive.html'><span>Blog</span></a> <ul> <li class='has-sub'><a …

    Asked by tigrus2014,

    0 votes
    3 answers

  15. Масштабирование youtube видео на сайтах

    Вставляю видео на сайт через iframe (Поделиться --> HTML код). Там получается фрейм идет фиксированной ширины и когда я открываю страницу сайта с таким видео на мобильном устройстве, то у меня видео выходит за границы экрана. Как сделать чтобы такие видео масштабировались на мобильных по ширине экрана? Видео тут https://cafecomplect.ru/oborudovanie/tehnologicheskoe-oborudovanie/pily-dlya-myasa?manufacturer=Sirman

    Asked by smirn0ff,

    0 votes
    3 answers

  16. Поведение адаптивного дизайна

    Вот песочница https://jsfiddle.net/o82kLqdn/1/ Там есть боди с размером 600рх, в нём контейнер 521рх в котором три блока по 164рх с отступами по 10рх. Я всё это сделал резиновым, т.е. делил внутренние блоки на внешние получал размер. Теперь при получении нужных размеров всё работает и размер остался таким каким должен быть. Но когда я сужáю размер окна последний блок вылетает... из-за чего такое поведение ведь всё держалось на месте.

    Asked by aqua.77,

    0 votes
    3 answers

  17. Подпись на картинке через position: absolute не работает

    На моем сайте почему-то не отображаются подписи на картинках (раздел Скриншоты, если скроллить). В коде они есть, но перестают отображаться после анимации. Пробовал убрать анимацию - не отображаются и вовсе. Игрался с z-index, тоже не помогло

    Asked by iBars,

    0 votes
    3 answers

  18. организовать слайдер с картинками на разных девайсах

    Всем привет, Делаю верстку с этого ref шаблона и возник вопрос как лучше организовать слайдер с картинками чтобы картинки нормально отображались на разных девайсах В примере используется ссылка на http://placehold.it сервис <div class="fill" style="background-image:url('http://placehold.it/1900x1080&text=Slide Three');"></div> Но в примере текст Я попробовал подсунуть урл своей локальной картинки <div class="fill" style="background-image:url('https://placeholdit.{{ next_settings_sliderImage['image_url'] }}&w=350&h=150');"></div> И получил ошибку GET https://placeholdit.http//local-wprods.com/uploads/se…

    Asked by mstdmstd,

    0 votes
    3 answers

  19. textarea

    Всем привет, подскажите как выполнить такой маневр, я хотел было взять звездочку в span и через него придать ей красный цвет, но он отображается в поле как текст!

    Asked by KamZed,

    0 votes
    3 answers

  20. съезжает картинка в блоке

    Добрый день, такая проблема после неосторожного вмешательства: съехала картинка в блоке. Она должна быть на всю ширину, но в ФФ - на 2/3, а в ИЕ и Хр - вообще нет. Ссылка: http://odyssey-ltd.ru/clients/services/ Как исправить проблему?

    Asked by tamazzzi,

    0 votes
    3 answers

  21. Задать одинаковую скорость анимации

    Чтобы увидеть проблему нудно подождать анимацию. Ничего страшного что картинок не видно, главная суть в том чтобы скорость перед тем как картинка исчезла, и с конца передвинулась на своё место была одинаковая скорость. https://jsfiddle.net/ysggq4pf/. получается так: картинки двигаются налево, после того как появляются в конце начинают двигаться медленнее.

    Asked by aqua.77,

    0 votes
    3 answers

  22. Выравнивание в ячейке по вертикали

    Нужно выровнять текст в ячейке по вертикали, поставить его по центру http://codepen.io/anon/pen/qqPxmB

    Asked by yaparoff,

    0 votes
    3 answers

  23. Подскажите как сделать

    Привет, есть блок-ссылка, подскажите как сделать чтобы при наведении на него менялся общий цвет фона этого блока код: http://codepen.io/Anatoliy667986584/pen/NbjEPP

    Asked by Анатолий1944,

    0 votes
    3 answers

  24. есть div. в нём p и img. img справа. как сделать так, чтобы float: right не убирал изображение из потока?

    <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <link rel="stylesheet" href="style.css"> <link href="https://fonts.googleapis.com/css?family=Open+Sans:300,300i,400,400i,700|Raleway:200" rel="stylesheet"> <title>Content</title> </head> <body> <div id="all"> <div id="up"> <p>Компания «Турбомикрон» всегда совершенствует свой сервис по работе и обслуживанию своих новых так и постоянный клиентов. Мы налаживание связи со всеми товаро-транспортными компаниями, для того чтобы наша работа с клиентами была максимально продуктивна.Поэтому наши турбины мы можем отправлять по всей терри…

    Asked by OlegBrony,

    0 votes
    3 answers

  25. равносторонний div в не равностороннем родителе

    помогите пожалуйста решить проблему резиновая страничка поделена на ячейки следующим образом . в ячейке .cell2 содержится блок .round-area. он не равносторонний. а хотелось бы чтобы он всегда равносторонний. такой: важно чтобы высоты блоков .cell2 и .round-area были одинаковыми

    Asked by cyklop77,

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