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. IE не отображает SVG

    Здравствуйте! Проблема следующая: есть некий корпоративный портал (уже довольно древненький и написанный задолго до меня), с него есть обычная ссылка <a> на карту, которая открывается в новой вкладке. Карта нарисована как svg и вставлена непосредственно в саму страницу через тег <svg> (вновь открываемую). Проблема в том, что при переходе по ссылке непосредственно с портала, IE11 не отображает svg и не корректно отображает стили для блоков с текстом. Все остальные браузеры отображают все полностью и правильно. Самое главное, что отдельно (правда на другом веб-сервере [может это важно]) эту страницу с картой IE11 отображает просто замечательно. Но стоит об…

    Asked by Koss,

    0 votes
    2 answers

  2. проблема с border

    <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Iphone</title> <link rel="stylesheet" type="text/css" href="style.css"> </head> <body> <header> <div class="conteiner clearfix"> <div class="logo"> <a href="#">Smallapps</a> </div> <div class="nav"> <ul> <li> <a href="#">Home</a> </li> <li> <a href="#">Features</a> </li> <li> <a href="#">Screenshot</a> </li> <li> <a href="#">Gallery</a&g…

    Asked by Daniyar,

    0 votes
    1 answer

  3. Как разместить два блока

    Как можно разместить два блока на всю ширину родителя, если один блок определенного размера, а второй должен растянуться. Например, форма со строкой для ввода текста и кнопка. То есть, кнопка всегда одного размера, а строка должна заполнить всё оставшееся пространство. Заготовка - http://jsfiddle.net/n1tp49a1/ Нужен кроссбраузерный вариант работающий на всех устройствах включая мобильники.

    Asked by alleclf,

    0 votes
    2 answers

  4. Кто такие авторы/разработчики css ?

    Начал читать Css snapshot (https://www.w3.org/TR/CSS/#css) и наткнулся на: Разработчики CSS и Авторы CSS. Кто, кто ? Объясните пожалуйста. Разработчики - это раб. группа css, а авторы - мы, или наоборот ?

    Asked by Димитрий,

    0 votes
    4 answers

  5. увеличение картинок при клике

    Приветствую! Никак не могу понять как увеличивать картинки по клику. Есть статьи обернутые в класс article <div class="article"> <p>Текст текст текст</p> <img src="image.jpg"> <img src="image.jpg"> <img src="image.jpg"> <img src="image.jpg"> <p>Текст текст текст</p> </div> Картинки большие, уменьшаются css по ширине с авто высотой. .article img { max-width: 100%; height: auto; } Как сделать чтобы при клике на них в модальном окне открывалась полноразмерная картинка. Идеально было бы fancybox или аналог. Но я так понял они работают, только если обернуть картинки в …

    Asked by enbond,

    0 votes
    0 answers

  6. Размер окна браузера (не экрана)

    Для контроля ширины блоков использую медиа запросы в CSS. Они отлично определяют разрешение экрана, но как без js узнать размер окна браузера? P.S. Причем если менять размер размер окна десктопного браузера, то запросы @media screen работают идеально. Мобильный браузер пытаясь имитировать десктопный, уменьшает все так, что шрифт не разобрать. Пытался с помощью (<meta name="viewport" content="width=device-width, initial-scale=1">) исправить, оно просто скалирует не влияя на размер блоков.

    Asked by Ubhra,

    0 votes
    6 answers

  7. Как реализовать мобильное меню как у гугла?

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

    Asked by Ратибор,

    0 votes
    4 answers

  8. Позиционирование элементов списка.

    Добрый день! Имею вот такой нюанс https://jsfiddle.net/yqfyb014/2/ Не понимаю как при помощи CSS решить проблему с позиционированием. Так как я предполагал, что сделав отступ для первого элемента списка, я "паровозом" выровняю все остальные элементы. Но получилось, собственно, то, что на изображении. И хотелось бы понять-как достучаться до первого элемента каждой строки?

    Asked by Super_Saimon,

    0 votes
    6 answers

  9. media picture

    У меня в проекте используются медиа-изображения с помощью picture и source, изображения формата svg, нужно что бы при ховере менялись некоторые стили у svg-элемента .. Как это сделать? И возможно ли это в данном случае? Пробовал в каждом svg-файле прописовать ховеры, не работает .. Я так понял нужно вставлять все svg на страницу, а с помощью media queries, показывать нужное .. Только так?

    Asked by Hasiev,

    0 votes
    0 answers

  10. Страница слистывается влево на смартфоне. Что не так?

    Здравствуйте. Все мы знаем, что на смартфоне сайт листается свайпом (пальцем водим). Недавно сверстал страницу, которую если потянуть влево или вправо, то с другой стороны в мобильном браузере появляется пустое место, но если отпустить экран, то область сайта возвращается назад. Я думал, что это нормальное поведение любой верстки, но оказалось, что есть сайты, на которых не слистывается в стороны, например https://m.rozetka.com.ua/ Подскажите плиз, какое CSS-свойство за это отвечает? У меня просто нет смартфона, соответственно не могу сравнить свою страницу с сайтом https://m.rozetka.com.ua/ P.S. Думаю, что нет смысла показывать свою страницу, потому что и так понят…

    Asked by sc_creator,

    0 votes
    9 answers

  11. Div блок лезет под блок и на блок....

    Вечер добрый. Не могу решить проблему с блоками. Бывает то что div блок залезает на другой при сжатие страницы. Как избавится от смещения блоков при сжатие? Как не дать блоку div залезть на другой блок?

    Asked by Tardpipl,

    0 votes
    3 answers

  12. Как перенести блок на новую строку

    Вечер Добрый. Пишу с просьбой дабы объяснили как можно перенести блок в определенно место. Скрытый текст <!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <link rel="stylesheet" type="text/css" href="./css/style.css"> <title>HTML5</title> </head> <body> <div class="" ="wrapper"> <div class="header"> <div class="header_line"></div> </div> <div class="row"> <div class="avatar"></div> <div clas="abme"> <div class="name"></div> <div class="status">&lt…

    Asked by Tardpipl,

    0 votes
    3 answers

  13. Фото вылезает за лист

    При размещении фотографии в полном объеме, они вылазят за страницу сайта. Сайт под управлением ворд пресс. Вставлял в файл стилей .image-caption-wrapper { width: 50% !important; } Не помогло. Буду благодарен за подсказку, пример записи здесь

    Asked by viliksar,

    0 votes
    2 answers

  14. Помогите разобраться новичку

    Сайт с видеопоздравлениями. Цена поздравления допустим 1 го ребенка 199 руб. При добавлении 2го ребенка в форме заказа цена должна увеличиться допустим на 100 рублей. Но ценник настроен на другую сумму и как его поменять понятия не имею. В index.html можно редактировать только начальный ценник на одного ребенка. При добавлении 2 го нет такой строчки и цены которую можно поменять. Открываю в браузере исследовать элемент там все открывается и меняется только как сохранить и куда вставить.

    Asked by романн,

    0 votes
    1 answer

  15. background-image + градиент

    Хочу сделать на фон картинку. В общем идея такая: Поставить картинку на фон, которая снизу начинает становиться прозрачной и переходить в черный цвет. Т.е. если сайт получается "длинный"(картинка же не перекроет его весь), то сверху находится изображение, которое к концу начинает перетекать в однотонный чёрный фон, который тянется и тянется до конца. body{ background-image:url("wowback_2.jpg"); background-size:cover; background-repeat:no-repeat; background-color:black; } Картинку вроде вставит, и фон сделал чёрным. Переход получился резкий. Можно ли его "смягчить" градиентом в CSS или тут через фотошоп как то?

    Asked by jonson92,

    0 votes
    4 answers

  16. Аналог атрибута "checked"

    Доброе утро! Подсобите теорией: есть 3х страничный сайт. На главной странице есть меню, которое, по факту, одно и тоже для всех 3х страниц. Так вот, есть ли в css схожее свойство с атрибутом checked чекбоксов? То есть, при переходе с "главной" на, к примеру, "ваши заказы" сразу стал активен пункт меню с ссылкой "ваши заказы". Или это лучше реализовать на jquery? Извините за размытое описание проблемы, но нет возможности сейчас выложить код.

    Asked by Super_Saimon,

    0 votes
    2 answers

  17. Адаптировать картинку на background

    Здравствуйте! Прошу помочь, если кто-то знает: Есть элемент section, хочу поставить картинку на фон. Картинка большая и получается, что на фон помещается её часть. Можно ли сделать так, чтобы она ужималась в размеры блока? height:900px; background-image:url("wowmop.jpg"); background-size:100%; background-repeat:no-repeat; background-position:center center; схематично изобразил примерно):

    Asked by jonson92,

    0 votes
    3 answers

  18. Выравнивание в grid

    Здравствуйте. .wrapper{ display: grid; grid-template-columns: 1fr; grid-template-rows: 62px 1fr; grid-gap: 0px; } .logo{ grid-column: 1 / 2; grid-row: 1 / 2; } .menu{ grid-column: 2 / 3; grid-row: 1 / 2; } <div class="wrapper"> <div class="logo">LOGO</div> <div class="menu">MENU</div> <div class="main">MAIN</div> </div> хочу сверстать как на GoogleFonts (в учебных целях). использую гриды, как Вы уже догадалсиь. Как выравнивать текст и прочие элементы внутри .menu и . logo. Хотелось бы, чтобы было как на указанном сайте. Можно, конечно, обернуть .logo и .menu во флекс, но хочется как мо…

    Asked by Luca,

    0 votes
    0 answers

  19. jsonp + jsfiddle

    подскажите пожалуйста, возможно ли песочницу типа jsfiddle заставить принимать результат ajax-запроса в виде jsonp? тут я набросал небольшой пример. видно, что он не работает, а в консоли ошибочки. при этом на локальной машине проблемы нет

    Asked by cyklop77,

    0 votes
    0 answers

  20. сервис для бекенда

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

    Asked by cyklop77,

    0 votes
    0 answers

  21. Вращабщиеся блоки

    Добрый день! Хотелось бы получить пояснение о принципе работы механизма с "вращающимися блоками". А именно-к примеру, есть страница-приветствия, а в ней блок с аватаркой и кнопкой входа, нажав на которую весь блок визуально прокручивается вокруг своей оси. И появляется на месте блока с приветствием блок с формой входа. Надеюсь, что пример доступный и я буду понят... хотелось бы понять о принципе работы: как происходит подмена одного блока на другой, это реализовывается только на css с помощью преобразований и переходов/анимации или тут уже нужен JavaScript?

    Asked by Super_Saimon,

    0 votes
    3 answers

  22. Табличная верстка

    Помогите решить проблему, не могу в ячейке td с помощью float разместить 2 блока <p> внутри которых картинка заголовок и абзац, один <p> стает нормально второй не хочет. как это возможно решить?

    Asked by Serhii,

    0 votes
    3 answers

  23. Не подлючается шрифт Dymaxion Script

    Почему браузер не отображает шрифт 'Dymaxion Script' ? Скачивал несколько, но безуспешно @font-face { font-family: 'Dymaxion Script'; src: url('../fonts/DymaxionScript.ttf'); } div { font-family: 'Dymaxion Script'; font-size: 50px; } DymaxionScript.ttf

    Asked by SnowSilver,

    0 votes
    9 answers

  24. CSS 2.1 and CSS 2.2 как их понимать ?

    Правильно ли я понимаю уровни CSS спецификации: CSS 1 - Устаревшая спецификация. CSS 2 - Содержит много ошибок. CSS 2.1 - Та же CSS 2 но исправленными ошибками. CSS 2.2 - Тут что ? Я не понимаю, объясните люди добрые. CSS 3 - Модули CSS, с разными уровнями. Разные модули заменяют разный раздел в CSS 2. CSS 4 - Консорциум говорит что не будет, но посмотрим что на самом деле будет. Для меня не совсем понятно, 2.2 для чего эта спецификация и что она делает ?

    Asked by Димитрий,

    0 votes
    6 answers

  25. Скролл эффект без js

    Добрый день. Есть два горизонтальных блока <header> и <nav>. Как можно без js сделать такой скролл эффект, когда при прокрутке <header> ведет себя как обычный блок, а <nav> при достижении верха окна браузера становится position:fixed; и bottom:0; Причем если вертеть обратно то снова отлипает от верха?

    Asked by Ubhra,

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