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. Выравнивание блоков по горизонтали без указания высоты/

    Здравствуйте! Подскажите, как выровнять блоки по горизонтали без указания высоты? Блоки идут друг за другом с помощью float:left (изменить не могу (например, на display:inline-block), так как выводится с помощью скрипта) Без указания высоты - потому что один блок может иметь бОльшую высоту, а другой - меньшую. Для понимания проблемы - набросала схему: http://savepic.ru/8815808.jpg

    Asked by Fendia,

    0 votes
    6 answers

  2. "background-size cover" для блока

    Добрый день! Подскажите, как реализовать следующую задачу: Необходимо, что бы в блоке .content было фиксированное фоновое изображение (картинка) с максимальным заполнением, прижатая к правому краю .content <div class="container-fluid"> <div class="col-xs-7 content"> контент </div> <div class="col-xs-5"> навигация </div></div>.content { background: url("background.jpg") no-repeat right top fixed; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;} Если делаю, как приведено в коде, картинка растягивается по ширине body. Существует л…

    Asked by dartVader,

    0 votes
    10 answers

  3. Gzip и cache на сайте

    Здравствуйте. Кто что подскажет по gzip и кешированию? Пишу в .htaccess, мол, сожми текст и закешируй всё что можно. Оно всё работает, особенно gzip на 80% ужимает. Но Google Speed Test пишет, что никакого gzip и кеширования нет. У хостинга gzip автоматом не включен, то есть дублирования нет. Может, я где-то не права?

    Asked by kattiperk,

    0 votes
    3 answers

  4. Вывод div с другой страницы

    Здравствуйте! Помогите пожалуйста разобраться. Необходимо чтобы при наведении курсора на ссылку появлялся DIV находящийся на другой странице, что я попытался сделать при помощи следующего скрипта: onmouseover="document.getElementById('opis').style.display='block'" onmouseout="document.getElementById('opis').style.display='none'"При помещении кода на одну страницу всё работает. http://codepen.io/anon/pen/reNZMb Но при размещении div на другой странице он не выводится. index.html: <!DOCTYPE html><body><object data="link0.svg" type="image/svg+xml" width="190" height="190" style="position: absolute; opacity: 1; z-index: 110!important; ; top: 355px; left: 518…

    Asked by Иван98,

    0 votes
    0 answers

  5. Ширина макета

    Здравствуйте, немного запутался вот в таком вопросе. Есть макет и его ширина 1200px. Например, header and footer растягиваются на все 1200, а остальные центрируются. И вот в чём собственно вопрос. Эти 1200 так и оставлять или же задавать ширину 100%? И если оставлять 1200, то что делать с оставшимся пространством по бокам?

    Asked by luckyguy,

    0 votes
    1 answer

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

    Здравствуйте. Упрощённый вариант слайд-шоу: http://codepen.io/Kristinita/pen/dMygQj . Хочу сделать так, чтобы изображения показывались на различных экранах только полностью, а не обрезками, как на скрине ниже . Т. е. если картинка не достигнет на экране определённой высоты, то пусть отображается только при вертикальном скроллинге. Эксперименты с min-height ни к чему не привели. Не могли бы подсказать, что не так? Спасибо.

    Asked by Саша Черных,

    0 votes
    0 answers

  7. Всплывающая подсказка выходит за пределы экрана

    Имеется стилизованная кнопка со встроенной в неё всплывающей подсказкой : http://codepen.io/Kristinita/pen/EKxZQO . Как видно, всплывающая подсказка выходит за верхнюю границу экрана, а на экранах c другим разрешением ещё и за правую. Что нужно сделать, чтобы она оставалась в рамках экрана, желательно без полос прокрутки? Спасибо.

    Asked by Саша Черных,

    0 votes
    2 answers

  8. Стилизованная кнопка распадается на части

    Здравствуйте. Имеется стилизованная под кнопку ссылка: http://codepen.io/Kristinita/pen/EKxZQO . На экранах мобильных устройств она выглядит вот так неприглядно. Когда кнопок много, получается совсем каша. Что нужно сделать, чтобы стилизованная кнопка размещалась на строке в полном размере без нарезок? Спасибо.

    Asked by Саша Черных,

    0 votes
    3 answers

  9. Резиновая верстка работает, но почему?

    Друзья, всем добрый день! Я полный новичок. Взял первый для себя макет и решил реализовать резиновую верстку. 3 колонки: левая фиксированная (width: 300px), центральная и правая резиновая. При этом центральная и правая делит пространство оставшееся от левой колонки между собой в отношении 70% (центр) на 30% (правый). Вчера бился полдня, облазил весь гугл, нашел несколько решений, но они у меня почему-то не работали. Сегодня с утра потыкал самостоятельно и получилось реализовать. Вот код html: <html> <head> <link rel="stylesheet" type="text/css" href="style.css"> </head> <body> <div class="wrapper"> <div class="left-sidebar"&g…

    Asked by Ota,

    0 votes
    4 answers

  10. SVG

    Решил использовать графику svg и все хорошо работает. Но вот ситуация если браузер свернуть в окно (то есть сделать размер меньше) svg естественно примет нужный размер, но если потом развернуть браузер svg останется с последним размером и это выглядеть ужасно. Может при экспорте в svg есть какие то настройки нужно проставлять. Или как то вставлять по особому.

    Asked by sergei_burg,

    0 votes
    4 answers

  11. Как так сверстать

    Добрый день Люди. Я в верстке не сильно силен, но вот перед мной встала задача, надо сделать что то похожее, и желательно на уровне CSS. Все блоки имеют одну ширину. Пробовал через inline-block, но второй уровень сразу съезжает. Да можно заморочиться и на уровне PHP или JS высчитать все, и задать положение блока более жестко, но хотелось бы более правильного решения. Или в какую сторону копать?

    Asked by DioNiR,

    0 votes
    10 answers

  12. Как растянуть div

    Как в этом случае сделать резиновым по высоте тэг div.a2? код

    Asked by SnowWind,

    0 votes
    3 answers

  13. Проблемы с микроразметкой

    Здравствуйте. На сайте внедрена микроразметка schema.org. Проблема в следующем: при поиске в гугле запроса с указанием сайта, например, "Мой товар site:my-site.ru" все отлично работает, выводится рейтинг товара в виде звездочек, цена, наличие и т.д. Но при поиске "Мой товар" кроме ссылки и описания страницы больше ничего не выводится. С чем это может быть связано?

    Asked by alex_web64,

    0 votes
    0 answers

  14. Модальное окно формы с затемнением фона

    Доброго времени суток всем! Возникла такая проблема. Создаю форму авторизации в виде модального окна. Хочу сделать так, чтобы когда появлялась форма, то остальной фон затемнялся. Для затемнения использую div-блок с position: fixed; c прозрачностью, меньшей единицы и z-index'ом равным 100. У самого модального окна я поставил z-index: 200, надеясь, что он унаследуется всеми вложенными div-ами, из которых я собирал модальное окно и все они будут лежать "выше" затемнения, значит не будут "затемняться". Но это не помогло. Часть составных блоков формы затемнилась, часть - осталось светлыми. Скриншоты проблемы: http://hipics.ru/image/wjJ-- форма без затемнения http://hipics.r…

    Asked by Impress,

    0 votes
    2 answers

  15. Увеличение картинки в многоугольнике

    Здравствуйте. Не могу решить задачу. Есть картинка в многоугольнике, по наведению она должна увеличиваться. У меня сейчас получается только эффект "гармошки": http://codepen.io/anon/pen/wGaoqY. Знаю откуда ноги растут - картинке задана высота 100%, но если установить auto, то тогда на hover искажается многоугольник. Подскажите, пожалуйста, как это исправить.

    Asked by Crystal-3,

    0 votes
    17 answers

  16. Конфликтуют стили max-width и float?

    Добрый вечер, для начала краткий экскурс. Делаю сайты много лет, в основном работал с WYSIWYG софтом и готовыми шаблонами для разных CMS`ов и в верстку никогда особо не лез, работаю уже больше 10 лет и всегда справлялся с любыми задачами, однако время идёт и что бы не деградировать нужно наоборот, развиватся=))) на смену WYSIWYG пришел http://scratchpad.io/на котором я принялся практиковатся в выполнении необходимых мне задач. Короче задача следущая, картиночка с max-width 100% справа от которой располагался бы текст тоже с max-width 100%, с условием, что в случае если экранчик маханький при маханький как на мобильном - текст перепрыгивает и размещается под картиночкой,…

    Asked by ilvl,

    0 votes
    7 answers

  17. Приподнять <li>

    Вот так это выглядит: т.е. <li> смещается вниз. Его нужно как-то приподнять или наоборот, опустить иконку Как это сделать? http://codepen.io/anon/pen/xVGyqZ

    Asked by yaparoff,

    0 votes
    1 answer

  18. Помогите с реализацией сайта пожалуйста

    Хочу создать в своем городе карту ЧП - чтобы можно было зайти - выбрать точку на карте и оставить отзыв с фото например. ПОдскажите пожалуйста как это реализовать (через яндекс карты или гугл - или любые другие - не важно-как!) попадая на сайт должна быть карта и варианты.Спасибо заранее, подскажите как реализовать или хотя бы что почитать чтобы понял сам.Спасибо!)

    Asked by alex.rakov1992,

    0 votes
    2 answers

  19. Как понять такой синтаксис CSS?

    Собственно вопрос по CSS AUDIO, CANVAS, VIDEO{display: inline-block;=display: inline;=zoom: 1;} Как понимать знаки "равно"?Валидатор на это ругается, но это из готового шаблона. И в браузерах все работает.

    Asked by vanya-chemik,

    0 votes
    9 answers

  20. Почему отвечает "неправильное значение свойства"?

    Здравствуйте. На сайте для body назначено свойство body{cursor:url('../images/cursor_rose.cur');}в инструментах Хрома высвечивается invalid property value, хотя скачать этот cursor_rose.cur по предлагаемой Хромом ссылке можно. В чем причина не отображения курсора?

    Asked by borus,

    0 votes
    1 answer

  21. Прошу оценки помощи, критики

    Доброго времени суток. Написал для себя такую таблицу https://jsfiddle.net/xv2xmduv/5/ Это сетка, рассчитанная на ширину от 820px. 4, 3, 2 и 1 колонки. Писал сам, ибо разбираться с готовыми решениями не очень люблю. И не люблю когда проект собран из готовых кусков, как Франкеншетйн. Хотя может я и не прав, дело не в этом. Вопросы. 1. Есть ли явные ошибки/недочеты 2. Может что-то можно сделать проще 3. ... Буду рад всем замечаниям - предложениям - уточнениям Заранее благодарен.

    Asked by KosMuxa,

    0 votes
    4 answers

  22. Как обратиться к значению класса в HTML ?

    Есть HTML страница, в которой есть класс: <div class=infoLine cPower><i></i> Мощность: 539.50 </div></div>Можно ли как-то через другую HTML страницу обратиться к этому классу и вытащить из неё значение 539.50? Если да то как? P.S. Просьба не пинать, HTML изучал в универе, кое-что знакомо, но не работал, тут вот чё-то захотелось))

    Asked by maxster,

    0 votes
    10 answers

  23. Очень нужна ваша помощь!

    Я не силен в hrml`е ,по этому очень нужна ваша помощь ребята. Суть вопроса в том ,что мне нужно сделать на странице вид таким образом -> ​ с левой стороны будет таблица (которую я уже сделал). с выплывающим выбором а справа текст с дополнительными ссылками! Вроде бы все легко и понятно ,но вся проблема в том ,что я не знаю как правильно это сделать. При попытке написать текст с ссылками справой стороны страницы ,моя таблица начинает двигаться по абзацам вниз! Что делать?

    Asked by venemy,

    0 votes
    1 answer

  24. печать страницы

    Здравствуйте! на распечатанной web-странице отображается ее адрес в сети. Можно это дело убрать программным способом? для Chrome и Opera нашел такое решение @page{ size: auto A4 landscape; margin: 3mm;}но ничего не получается сделать с FF и IE

    Asked by erange,

    0 votes
    0 answers

  25. В нижней части галереи перезжают фотографии

    Добрый день. Помогите пожалуйста разобраться, почему в глее переезжают фотографии в конце списка? 4-8-12фото... держатся ровно, а когда 1,2,3 на новой строке все плывет. http://pl.styleathome.ru/satin.html Спасибо.

    Asked by redcrazysun,

    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