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

29542 questions in this forum

  1. Буллит списка без обтекания

    Вроде бы несложная задачка, но споткнулась на ней. Нужно, чтобы сам текст не обтекал буллит. Так: Сверстано так: a:before{ content:''; display:inline-block; width:6px; height:6px; border-radius:50%; background:#464646; margin-right:8px; vertical-align:middle;}Возможно ли это?

    Asked by Светлана Г.,

    0 votes
    21 answers

  2. Не могу определить элемент на странице

    Здравствуйте. Помогите пожалуйста определить, что за элемент появляется на странице перед изображением. Сначала появляется тёмная полоса, по ширине картинки, и толщиной примерно 3 px, потом сама картинка. Просмотрел весь файл style.css, закрывал комментарием всё подозрительное - всё без толку. Вот адрес одной из страниц, а то на Главной нет картинок, может посмотрите, что за ерунда. http://sekretymastera.ru/prisposobleniya/podyomnyiy-kran/ Шаблон вордпресовский.

    Asked by webded,

    0 votes
    10 answers

  3. стык зубчатых фонов

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

    Asked by cyklop77,

    0 votes
    3 answers

  4. Не работает шрифт Futuris

    Собственно САБЖ. Шрифт не работает. Качал с разных мест, всё одни же грабли. Вот код: @font-face { font-family: 'Futuris'; font-weight: 700; src: url('fonts/FuturisBold.ttf');}Т.е. Всё банально просто, но не хочет работать. Точно таким же образом подключил OpenSans, всё пучком: @font-face {font-family: 'OS';font-weight: 700;src: url('fonts/OpenSansBold.ttf');}В чём может быть проблема?

    Asked by Tobey,

    0 votes
    1 answer

  5. Проблема с градиентами в IE и Opera

    .blue-button {font-size: 13px; color: #ffffff; padding: 2px 15px; background: -moz-linear-gradient(top, #0E92B6 0%, #0FA2CA); background: -webkit-gradient(linear, left top, left bottom, from(#0E92B6), to(#0FA2CA)); -moz-border-radius: 8px; -webkit-border-radius: 8px; border-radius: 8px; border: 0px solid #000000; -moz-box-shadow: 0px 2px 2px rgba(000,000,000,0.5), inset 0px 0px 1px rgba(255,255,255,0.7); -webkit-box-shadow: 0px 2px 2px rgba(000,000,000,0.5), inset 0px 0px 1px rgba(255,255,255,0.7); box-shadow: 0px 2px 2px rgba(000,000,000,0.5), inset 0px 0px 1px rgba(255,255,255,0.7); -ms-behavior: url(css/pie.htc); behavior: url(css/pie.htc);Почему-то свойство background…

    Asked by okunev2,

    0 votes
    10 answers

  6. Резиновая верста, проблема с DIV

    Доброго времени суток, ковыряю себе резиновый сайт, в <div class="header"> расположена картинка большим размером, за счет css она подстраивается под разрешение экрана, но вот <div class="content"> никак не получается настроить. Контент начинает уходить вправо за окно, появляется скролл, я так понимаю растягивается на изначальную ширину картинки в 1920 px. Подскажите пожалуйста какие параметры надо задать блоку с контентом, что бы он вписывался под разрешение экрана. Не пинайте сильно если код корявый, я только учусь. Спасибо за внимание. <!DOCTYPE html><html lang="ru-RU"><head> <title>Emerald Mascot - питомник сибирских хаски</title…

    Asked by Gromglar,

    0 votes
    6 answers

  7. Проблема с блоком поиском

    Всем привет) Вот сайт верстаю http://texteredsa.besaba.com/qm/ пытаюсь сделать вот эту копию http://www.quomodo.pl/qm3/v4_parallax/ проблема с большим блоком поиска и кнопкой button. Уже пару часов просматриваю как там в фаербаге она устроена, так понять и не могу, знаю что в css для них сделан блочный стиль. а как именно не догоняю. В бутстрапе не шарю, пытаюсь с нуля сделать. Подскажите как там сверстано?

    Asked by raptor-dm,

    0 votes
    1 answer

  8. Язык

    Здравствуйте, скажите пожалуйста почему когда я написала этот тег : <li><a href="#">Title</a></li> <li><a href="#">Title</a></li> <li><a href="#">папа</a></li> <li><a href="#">Title</a></li> <li><a href="#">Маша</a></li> у меня получилось вот что Title Title папа Title Маша, я не понимаю в чем проблема скажите пожалуйста, а то дальнейшее обучение и создание сайта не имеют смысла... • Ответить •

    Asked by Ольгаа,

    0 votes
    3 answers

  9. :nth-child vs class

    Здравствуйте. Допустим у нас есть 2 списка с 5 пунктами и 50. Каждому пункту нужно задать свое фоновое изображение. Что вы будете использовать - :nth-child или class (или свой вариант) и почему? Интересует вопрос производительности.

    Asked by alex_web64,

    0 votes
    5 answers

  10. Особенности input type="search"

    Здравствуйте! Сайт впервые верстаю на Bootstrap. В руководстве сказано, что нужно подключить Normalize.css Верстаю форму поиска. Использую <input type="search">И вдруг обнаружила такие стили: /** * 1. Address `appearance` set to `searchfield` in Safari and Chrome. * 2. Address `box-sizing` set to `border-box` in Safari and Chrome * (include `-moz` to future-proof). */input[type="search"] { -webkit-appearance: textfield; /* 1 */ -moz-box-sizing: content-box; -webkit-box-sizing: content-box; /* 2 */ box-sizing: content-box;}Мне не понятно, почему именно для input type="search" применяется box-sizing: content-box; ? Мне это совсем не нужно. Что делать? Исполь…

    Asked by Светлана Г.,

    0 votes
    6 answers

  11. Emmet для sublime 2

    Установил emmet через консоль и почему не работают длиные аббревиатуры? Например, ввожу nav>ul>liнажимаю таб и мне выдаёт вот такой код nav>ul><li></li>а почему то, если писать просто элемент nav, то будет работать. И почему в notepade нормально работает, а в sublime нет?

    Asked by DivMan,

    0 votes
    9 answers

  12. Изменить название для input type=file

    Как вы все знаете у input type=file свое, "неповторимое" название (в хроме - выбрать файл, в мозиле - обзор). Вопрос такой, а как эту кнопку на другой язык перевести?

    Asked by Jey Val Star,

    0 votes
    2 answers

  13. Стилизация активного пункта меню

    Добрый день. Подскажите пожалуйста с таким моментом: есть динамически формирующееся меню. Потом я js проверяю какой пункт меню активен и добавляю ему класс. $(this).parent().addClass('yellow_active');т.е. yellow_active добавляю к <li>, который обёртывает <a>. Хочу что бы активный пункт выглядел так: .yellow_active { position: absolute; color: black; background: url("../images/active_li.png"); height: 128px; z-index: 2;}Если ставлю position: absolute; тогда активный пункт отображается как нужно, но остальные пункты отображаются не корректно. Если absolute убираю, то меню отображается корректно, но у активного пункта фоновая картинка не отображает…

    Asked by jdk,

    0 votes
    8 answers

  14. Position:absolute и скроллбар

    Здравствуйте. http://jsfiddle.net/ovwtsab7/ По ссылке вы можете увидеть схематическое меню сайта (красный блок) и два блока (синих) с фоновыми изображениями для декорации меню. При уменьшении окна браузера синие блоки должны уезжать за пределы видимости, как и происходит с левым блоком. Проблема заключается в правом блоке, из за которого появляется горизонтальный скрол. Подскажите, как добиться такого же результата, как и с левым блоком.

    Asked by alex_web64,

    0 votes
    3 answers

  15. Как сверстать такой список?

    Здравствуйте! Есть такой список: Не могу решить, как лучше его сверстать. Использую Bootstrap, под IE9 и выше, должно быть адаптивно.

    Asked by Светлана Г.,

    0 votes
    7 answers

  16. Как сейчас правильно верстать?

    Несколько лет просто не занимался этим всем делом... И вот тут увидел где-то мельком фразу, что "....табличная вёрстка уже не в моде". А ведь именно с помощью таблиц я раньше располагал все блоки и элементы на странице.. Правда ли, что не в моде, и что тогда взамен таблиц используется теперь?

    Asked by spaceboy,

    0 votes
    11 answers

  17. bootstrap: убрать скролл

    помогите пожалуйста убрать скролл, который появляется при ширине окна 992px < width < 1006px (для удобства я вывел значение ширины в шапку) вот мои настройки для bootstrap http://getbootstrap.com/customize/?id=fbddbcf1a87480d1bf27#media-queries-breakpoints мне важно чтобы расстояние между .bg_blue_innerпо прежнему оставалось 66px, а ширина .page-header 992px

    Asked by cyklop77,

    0 votes
    1 answer

  18. Меняющийся фон сайта

    Нужно реализовать меняющийся фон для сайта, с подстраиванием под размер экрана. Какой лучше метод использовать? просто css3 не очень желательно, поскольку рабоатет только с IE9+

    Asked by vip,

    0 votes
    2 answers

  19. Вертикальное центрирование внутри блока

    И снова очередной чудо-макет. http://jsfiddle.net/gcuxgc71/ В макете кнопка у которой содержимое с классом items_name может быть из одной, двух и трёх строчек. Поэтому остальные блоки нужно всегда выводить по центру. Есть ли возможность не используя таблицы выравнивать текстовые элементы по-вертикали по центру?

    Asked by PavelTkachev,

    0 votes
    4 answers

  20. Как вырезать элементы в Photoshop?

    Вот макет http://rghost.ru/59703517. Подскажите пожалуйста, как вырезать картинки соц.сетей без фона? Сколь пробую, ничего не получается. Выделяю, копирую, а вставляет ничего. Подскажите пожалуйста.

    Asked by FitTech,

    0 votes
    10 answers

  21. Как задать нестандартный фон

    Здравствуйте. Подскажите пожалуйста как лучше задать фон, который выделен на макете стрелочкой. Вырезать часть и размножить, как я понимаю не получиться. При задании фона нужно что бы фон мог подстраиваться по высоте в зависимости от количества контента, что бы хорошо смотрелся если у меня будет например всего один слайдер в один ряд. Ссылка на макет: http://www.pixic.ru/i/L0G0f6N450k813a3.png

    Asked by Andrew_007,

    0 votes
    18 answers

  22. Проблема с display: none;

    Здравствуйте! Очень надеюсь на вашу помощь. Есть стрим видеоплеер для просмотра видео прямо с торрент файлов ace stream и я хочу поставить его на сайт посредством модального окна. Вставляю код самого плеера и плейлист (источник видео): <div id="player" style="display: none;"><embed id="plugin" type="application/x-acestream-plugin" width="800" height="600" fullscreencontrols="true" fscontrolsenable="true" fscontrols="default" nofscontrolsenable="true" nofscontrols="default" nofscontrolsheight="36" loopable="false" /> <script type="text/javascript"> var plugin = document.getElementById(…

    Asked by Drazz,

    0 votes
    0 answers

  23. фавикон dreamveawer

    подскажите как установить иконку в шапке сайта (фавикон вродебы)

    Asked by yurban,

    0 votes
    2 answers

  24. Не срабатывает vertical-align:bottom;

    Добрый день. Видел уже несколько ответов на эту тему, но решить к сожалению не смог. Подскажите пожалуйста как выровнять ссылки по нижнему краю. <div class="product"> <img src="<?= get_template_directory_uri(); ?>/images/chocoboy_cat.png" alt=""/> <a class="name_link_main" href=""> Чокобой </a></div><div class="product"> <img src="<?= get_template_directory_uri(); ?>/images/gute.png" alt=""/> <a class="name_link_main" href=""> Крекер ГУТЭ </a></div>.product { float: left; text-align: center; margin-right: 10px; wi…

    Asked by jdk,

    0 votes
    3 answers

  25. Резиновая верстка

    Доброе время суток! Подскажи пжл ,где подробней можно прочитать об резиновой верстке и с чем её кушать?

    Asked by angangell,

    0 votes
    2 answers
×
×
  • 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