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. Эффект как на сайте apple точка com

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

    Asked by kattiperk,

    0 votes
    7 answers

  2. Пропадает фон при высоет 100%

    http://jsfiddle.net/digitalmedia/6z3o340x/ Не могу понять, в левой и правой колонках фон тянется только на высоту браузера, и если контетна больше, фон в левом и правом столбцах пропадает внизу. Как можно обойти?

    Asked by vip,

    0 votes
    7 answers

  3. Кроссбраузерность для Сафари

    Помогите, пожалуйста, разобраться с кроссбраузерностью для Сафари. Во всех браузерах все ок и все готово казалось бы, а в Сафари полный завал. 1. Бекграунд для боди не отображается (вернее он отображается, но только если я забираю линейный градиент, вебкит не срабатывает для него) 2. С хлебными крошкам тоже какой-то каламбур вышел. 3. И самое главное миниатюры тоже не отображаются - какие полоски на их месте. Вот скрин ужаса http://clip2net.com/s/3hrsNwy А вот няша http://clip2net.com/s/3hrsUPS

    Asked by Orysya,

    0 votes
    7 answers

  4. Как растянуть фон на всю ширину экрана

    Подскажите, как растянуть фон на всю ширину экрана? Делаю так: http://cssdeck.com/labs/zppdon6x Но картинка какая то урезанная (часть веток не видно)

    Asked by Alfa2015,

    0 votes
    7 answers

  5. Нужна помощь с горизонтальным меню

    Всем привет! Нужна помощь с горизонтальным меню. Есть такой код: <title>Создание горизонтального CSS меню без изображения</title></head><body><ul class="css-menu-3"><li><a href="#">Главная</a></li><li><a href="#">Фотогалерея</a></li><li><a href="#">Библиотека</a></li><li><a href="#" class="selected">Расчёт расстояний</a></li><li><a href="#">Форум</a></li><li><a href="#">Доска объявлений</a></li><li><a href="#">Контакты</a></li></ul> ul.css-menu-3 {list-style: none;border…

    Asked by maxxbr,

    0 votes
    7 answers

  6. Некорректное отображение дропдауна в FireFox

    Доброго вечера! Столкнулась с багом пророда которого мне пока совершенно не понятна. Дропдаун некорректно отображается в FireFox - во всех ок, а в нем нет. Не подскажете в чем может быть проблемка.? П.С. Сайт на бутстрапе. Буду очень благодарна за любые подсказки) http://clip2net.com/s/3hmqtTh http://clip2net.com/s/3hmqMWf

    Asked by Orysya,

    0 votes
    7 answers

  7. Не работает svg в маке

    хотел написать не работает svg в маке в чем может быть причина? версия safari 7.1.5

    Asked by raptor-dm,

    0 votes
    7 answers

  8. как убрать полосы в ютубе

    Asked by pitbuli,

    0 votes
    7 answers

  9. Фон на всю страницу

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

    Asked by Lady_V,

    0 votes
    7 answers

  10. Оцение пожалуйста верстку

    Добрый день. Я начинающий верстальщик. Сверстал макет странички и хотел бы узнать мнение у более опытных людей. Какое состояние у моей верстки и кода. Перед выставление этой работы постарался выполнить все предписания. Макет бы в рассылке HTML Academy. Если кого заинтересует можем выложить его сюда чтобы поделиться опытом и всякими приемами как его можно было сверстать. Заранее спасибо за ваше драгоценное время! http://www.kav.pe.hu/

    Asked by murovey,

    0 votes
    7 answers

  11. Смежные media queries отображаются внахлест

    Доброго дня. Я новичек в адаптивной вестке, и чего то я не могу врубится в одну проблему... Смежные media queries отображаются внахлест не пойму по какой причине, все вроде правильно, но на брекпойнтах получается скрол... Величина перекрытия составляет около 12-20рх на разных точкак. макет: http://sea.kh.ua/test/test2.html Скрин брейкпойнта 980рх http://sea.kh.ua/test/980.jpg Скрин брейкпойнта 786рх http://sea.kh.ua/test/768.jpg Что я делаю не так?

    Asked by Com7,

    0 votes
    7 answers

  12. Табы Bootstrap: изменяется шрифт на мобильных устройствах

    Добрый день! Есть табы, сделанные при помощи Bootstrap. Для текста внутри них задан фиксированный размер шрифта в пикселях. Верстка фиксированная, задан <meta name="viewport" content="width=1260">. На обычных экранах все отображается корректно. На мобильных устройствах шрифт увеличивается, при этом никаких свойств в style не появляется, он просто становится больше. Консоль Хрома это подтверждает, но при этом сообщает что активно ранее заданное значение фиксированной ширины. Подскажите, пожалуйста, можно ли это побороть? Каким образом Бутстрап меняет размер шрифта? Скриншот c мобильного устройства - https://yadi.sk/d/ZKo-UlQUh3KHB Ссылка - http://goo.gl/Bm1…

    Asked by yustnip,

    0 votes
    7 answers

  13. Поведение :hover у псевдоэлементов

    Есть блок с псевдоэлементом. При наведении на блок (:hover) - появляется псевдоэлемент. НО при перемещении курсора с блока на появившийся псевдоэлемент. Псевдоэлемент не пропадает, а остается пока виден пока на нем наведена мышь. Почему??? http://jsfiddle.net/AYB26/31/

    Asked by Kelenar,

    0 votes
    7 answers

  14. Шапка форума

    Шапка форума в виде картинки, которая должна быть на всю ширину форума(резиновой). Пожалуйста, подскажите код и куда его вставить... Как здесь разместить css для показа тоже не знаю...

    Asked by Fox13,

    0 votes
    7 answers

  15. Проблема с IE блокирует скрипты

    Добрый день ! как сделать так чтобы при загрузке страницы она не блокировала и не выдавало такое сообщение а загружалось без блокировки есть какой то выход с данной ситуацией ?

    Asked by pitbuli,

    0 votes
    7 answers

  16. bootstrap 3, горизонтальная прокрутка

    Нужно реализовать на бутстрапе, чтоб контено прокручивался не по вертикали, а по коризонтали. Те вертикальной прокрутки не должно быть. Можно штатными способами? Или нужен плагин (слайдер)? Если слайдер - то нужно, чтоб работал и от мышки и от пальцев Посоветуйте

    Asked by torsar,

    0 votes
    7 answers

  17. Ссылка с треугольником справа

    Мне нужно сделать ссылку, чтобы справа у неё был треугольник. Я этого добился: <a href="#">Вход</a> a{ cursor:pointer; padding:0 20px; font-size:20px; border-radius:10px 0 0 10px; width:100px; background:#009944; border:0; height:30px; line-height:30px; display:inline-block; text-align:center; color:#fff; position: relative; text-decoration:none; } a:hover{ background:#ebb453; } a::after{ content:''; position:absolute; right:-30px;…

    Asked by PavelTkachev,

    0 votes
    7 answers

  18. Логотип между пунктами меню (как проще сделать?)

    Подскажите, как проще сделать логотип между пунктами меню? У меня получается два ul Код: http://cssdeck.com/labs/9glnryce

    Asked by Alfa2015,

    0 votes
    7 answers

  19. Как правильно создавать адаптивную карту изображения?

    Столкнулся с довольно простой задачей. Есть картинка с планом здания, там есть комнаты, они не все квадратные, некоторые неправильной формы. Соответственно нужно при наведение на некоторую комнату затенить область. На выбор были Canvas, SVG и Map, я решил использовать SVG. Все оказалось весьма просто, нарисовать через path комнаты, добавить на :hover затенение и отлично, однако возникла проблема. Стало необходимо ресайзить SVG не только с нарисованными областями, но и с картинкой на background. Вот пример http://codepen.io/anon/pen/WvXqOd

    Asked by CAMOKPYT,

    0 votes
    7 answers

  20. Смещение фона в <li>

    1. Как сделать чтобы у Заголовка - class="nav_active" был фон смещенный влево? <div id="nav_home" style="margin: 0;"> <ul> <li class="nav_active">Заголовок</li></li> <li><a href="#">Тест1</a></li> </ul> </div> <div id="nav_home" style="margin: 0;"> <ul> <li class="nav_active">Заголовок</li></li> <li><a href="#">Тест1</a></li> </ul> </div>#nav_home { border: 0px solid #ccc; float: left; list-style: none; font-family: Trebuchet M…

    Asked by SLameN,

    0 votes
    7 answers

  21. Адаптивная верска и размер шрифта

    Пытаюсь спроектировать сайт с адаптивной верской. А именно подгонять размер шрифта под размер экрана, так, чтобы на любом экране в строке было примерно одинаковое кол-во слов/символов. Как лучше/правильней/кроссбраузерней это сделать? Пока я представляю себе это так: в css тегу <html> задаем некий базовый размер шрифта, например 20px, а далее при помощи @media(max-width) назначем размеры шрифта тегу <body>(а остльные будут плясать от родителя в em) в rem. И тут возникают вопросы: 1) Какой размер шрифта в html по умолчанию? Может в зависимости от девайса - там уже все как надо? Или лучше сразу назначать размер тегу html в зависимости от экрана, а CSS всем проп…

    Asked by Kot137,

    0 votes
    7 answers

  22. PHP. Инвалидный аргумент

    Я приветствую всех кто сейчас это читает! Ребята, у меня такая вот проблема и я действительно не понимаю почему она есть.. Вот допустим я написал маленький скрипт: <?php$a = file("1.txt");$b = "\"".trim($a[0])."\"";$c = file($;echo "<pre>";print_r($c);echo "</pre>";?>В файле 1.txt на первой и единственной строке находится ссылка и этот файл в виде массива уходит в переменную $a где эта ссылка имеет ключ 0. Потом я в переменную $b заношу эту ссылку и убираю пробел справа (кстати, не понимаю откуда он там взялся) и затем уже добавляю ещё и кавычки. Получается в переменную $c должен попасть массив уже той страницы на которую была ссылка но этого не происход…

    Asked by subm41,

    0 votes
    7 answers

  23. Помогите советом, как быть с сайтом?

    Помогите советом, как быть с сайтом!? В одной конторе был сделан сайт. Выдали нам логин и пароль к ftp и админке. Со временем случилась какая-то беда с серверами, перестали подходить логины и пароли. Взяли новые пароли, в итоге админка с сайта слетела совсем, а фтп вроде работает. Движок сайта какой-то неизвестый был, информации в интернете по нему небыло и названия то не запомнили. Как поступить? Хочется заиметь полноценно рабочий сайт. Что имеем: -доступ к ftp -сайт без админки В той фирме отказываются восстанавливать админку и пр. Как я понимаю нужно писать всё заново? Использовать новый движок и шаблон? Вопрос решили, всем спасибо!

    Asked by fcknhtch,

    0 votes
    7 answers

  24. Фотоколлаж? Фотоколлаж!

    Всем привет! Есть такая бяка: Коллаж состоит из очень мана много фотографий. При наведении на изображение происходит его увеличение(видно на скрине). Что-то похожее нашёл здесь: http://www.artox.com/. Здесь они выложили по контуру спаны с бг, потом сверху наложили трафарет, потом спозиционировали ссылки соответственно спанам, к которым при ховере добавляется бг. Может у кого есть какие идеи по упрощению?

    Asked by ninjaFor{love},

    0 votes
    7 answers

  25. justify для блоков

    Здравствуйте. Часто для равномерного распределения блоков по ширине использую следующий css код: <ul><li></li><li></li><li></li></ul>ul {text-align:justify;font-size:0}ul:after {content:'';width:100%;display:inline-block}li {display:inline-block;width:100px;font-size:14px}В некоторых случаях этот код не работает как нужно, словно text-align:justify нету. Почему так происходит, не могу объяснить, хотелось бы услышать ваши версии.

    Asked by gibiskus,

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