HTML Coding
Subforums
-
- 30.1k
- posts
-
- 1k
- posts
- Про макеты
- By klierik,
Explore Questions
There are no popular questions to show right now
-
0 votes0 answers
-
0 votes0 answers
-
0 votes0 answers
-
0 votes1 answer
-
0 votes3 answers
29,542 questions in this forum
-
Цвет кнопки входа, регистрации
Здравствуйте, возникла проблема, не могу настроить цвет кнопки входа, регистрации. lk.tsk-kub.ru - если кто может помочь, буду очень благодарен.
0 votes2 answers -
Откуда берется картинка, когда даешь ссылку на сайт?
Извиняюсь, если вопрос не в том разделе. Когда в каком-нибудь чате — например, ВК или инстаграме — даешь ссылку на сайт, то автоматически подцепляется картинка. Вот, например http://joxi.ru/L210ZGMI8Kpj1m Я должна ее поменять, но не пойму, как? Или как вообще это называется, по каким запросам гуглить? Когда ищу по запросам со словом "сниппет", в результатах речь только о сниппете из поисковой выдачи.
1 vote2 answers -
Баг IE: контейнер заканчивается раньше дочернего центровщика
Компоновка: типичный блок .Wrapper, который имеет ширину 100% от ширины окна, и центровщик (margin: 0 auto;) с указанными min-width и max-width: В IE следующий баг: Wrapper почему-то заканчивается раньше, чем надо, а центровщик с содержимым перекрывает следующую такую же компоновку ниже: Такой баг был замечен уже практически на свёрстанном лендинге, а потому было очень трудно сделать минимальный работающий пример. Я постарался убрать весь лишний HTML для данного примера, но CSS тоже самое было сделать очень трудно. Если Вы запустите пример в IE (ещё раз повторюсь, что в других браузерах всё нормально), то увидите следующее: На StackOverflow у…
0 votes4 answers -
Центрирование блоков в блоке
Здравствуйте. Сам не смог найти решение проблемы и решил обратиться за помощью. Суть проблемы в том, что есть блок с шириной 80% отцентрированный, а в нем маленькие артикли, процентов по 30 с отступами и эти самые артикли прижимаются к левой стороне, оставляя пустое место справа. Нужно отцентрировать артикли с отступами, чтобы равномерно разделилось пустое пространство. На фото наглядно суть проблемы, если выразился непонятно. Скрытый текст section { width: 80%; margin: 0 auto; } article { display: inline-block; width: 30%; min-height: 400px; margin: 10px auto; padding: 1rem; line-height: 1.35; color…
0 votes9 answers -
Выравнивание перевернутого текста
Имеется таблица где в шапке из-за длины название необходимо текст перевернуть. Текст перевернул, но он не рационально расположен в ячейке. Как можно сузить ячейку таблицы, текст сделать в одну строку? table { border-collapse: collapse; margin: 0px auto;} td { padding: 3px; text-align: center; vertical-align: middle; } tr > td:nth-child(1), tr > td:nth-child(2) {text-align: left;} tr:nth-child(1) {background: #4682B4 !important; color: #fff; height:200px;} tr:nth-child(1) td {-webkit-transform: rotate(270deg); -moz-transform: rotate(270deg); -o-transform: rotate(270deg); -ms-transform: rotate(270deg); transform: rotate(270deg);} tr:nth-child(1) td:nth-child(1), t…
0 votes5 answers -
Неровное расположение картинок
Привет, прошу помогите, не вижу в чем недочет https://jsfiddle.net/gp1k163r/ не понимаю что с изображениями, почему неровно расположены?Заранее спасибо
0 votes1 answer -
последний разделитель в меню
Как убрать последний разделитель в меню, :not(:last-child) не подходит в моем случаю, так как стили прописаны не только для бордера( что-то ничего не приходит в мою светлую голову))
0 votes2 answers -
Верстка шаблона
Добрый день! Помогите с такой проблемой: Есть шаблон с общим фоном: Для понятности разметки поменял на другой цвет: Суть вопроса: надо где черный квадрат и цифра 1, вставить изображение прозрачное в самый угол, ну типо ленточки георгиевской и всё остальное залить фоном: Вот css: html{background-color:#5d1338;} body{background:url(../images/purple/bg.jpg) no-repeat top center;} a.read_more{background-color:#ff9694;} .button_divider{border-bottom:1px #6a2146 solid; border-top:1px #6a2146 solid;} a{color:#ff9694;} h1 span, h2 span, h3 span, h4 span, h1 strong, h2 strong, h3 strong, h4 strong{color:#ff9694;} ul#main_menu li a.selected {…
0 votes21 answers -
Навигация со скролом для мобильной версии сайта
Здравствуйте! Подскажите, пожалуйста, как реализовать такую навигацию для мобильной версии (гамбургер делать не хочется): Заранее благодарен за помощь!
0 votes13 answers -
Криво отображается блок на iphone 5
Телефон скачет на другую строчку при разрешении 320 только на iphone 5 На других устройствах отображается нормально. Все что можно перепробовал все равно на ipone 5 телефон сьезжает вниз:
0 votes4 answers -
капризы Flex-basis
Подскажите, почму на главной https://www.euromedika.ru/ статьи по три в ряд, а например, тут: https://www.euromedika.ru/body по две при flex-basis:30% в обоих случаях
0 votes1 answer -
Slick slider нужна помощь?
Ребят, есть вот такой вертикальный слайдер сделанный на Slick. Проблема в том, что высота нашей пагинации ограничена. Например у нас сейчас есть пять слайдов, в пагинацию помещается только 4. То-есть если мы пролистываем до пятого слайда, в пагинации это не отображается, она остается на месте. Можно как-то сделать, чтобы когда мы переключали слайдер на пятый слайд, пагинация тоже делал слайд и переключалась.
1 vote2 answers -
Counter для slick-slider
Ребят, может кто-то делал, что-нибудь подобное. Нужен счетчик для slick-slider как на фото ниже. Получается например у нас идет 120 слайдов, нужно чтобы он показывал сколько всего слайдов в блоке, и на каком мы сейчас находимся. На фото в нижнем левом углу видно. Буду благодарен за подсказку
0 votes3 answers -
почему рамка сплюснулась
.border { border: 3px dashed orange; } <a href = "images/eye.jpg" class = "border"> <img src = "images/eye.jpg" width = "200" /> </a> а если убрать из ссылки, то норм.
0 votes1 answer -
Выезжающий фиксированный блок внутри контента
Внутри блока с основным контентом нужна фиксированная кнопка при нажатии по которой будет выезжать div блок и этот блок должен растягивается по все высоте экрана. Внешне это я реализовал вот так Пример кода Проблема в том, что сейчас блок fixed-block, который поверх всего, перекрывает контент и не позволяет взаимодействовать с ним. Может кто-то подскажет как избежать это проблемы и внешне оставить все так же?
0 votes2 answers -
Не могу заставить <button> действовать как inline
Есть span. Если спану задать padding, он вывалится за поля родителя. Если button задать padding, display: inline; border: 0, то за поля родителя кнопка все равно вылезать не хочет. Почему? Демо - https://jsfiddle.net/hmev9p1r/
1 vote6 answers -
Как задать фото, которое подтягивается при вставке URL?
Как задать через html или css или ещё как-то – изображение, которое автоматически подтягивается при вставке ссылки в поле ввода сообщения (например в VK или Facebook)? Прикрепил 2 примера.
0 votes5 answers -
Можно ли сделать зеркальное отображение фоновой картинки на css?
Здравствуйте Возможно ли на css сделать зеркальное отображение фоновой картинки?
0 votes5 answers -
Приоритет селектора класса над селекторами типа
Здравствуйте! Изучаю html и css не так давно хотелось бы уяснить для себя один вопрос.. Почему в некоторых случаях селекторы типа все же имеют приоритет над селектором класса?? В литературе ( https://webref.ru/layout/learn-html-css) поясняется что селектор класса имеет больший вес специфичности, но так получается не всегда.. Ситуация для примера - https://jsfiddle.net/bnzgw6af/ . Заголовок <h2>, абзац <p> и ссылка <a> обернуты классом .hero, для которого применяется белый цвет. Отдельно же для заголовка и ссылки с помощью селекторов типа применяется зеленый.. Почему белый цвет действует только для абзаца? Ведь класс .hero охватывает и заголовок и абзац и…
0 votes2 answers -
Плавающее боковое меню дергается при скроле вниз
Салют товарищи! Беда скорее всего в CSS, так как такой же скрипт отлично работает на демо странице его автора. На сайте реализовано плавающее боковое меню, но оно, зараза дергается при скроле вниз. Когда вверх - все норм. Может там всё элементарно, да я туплю просто? Подскажите пожалуйста, в какую сторону копать хотя бы Страница с проблемой - https://virtualrift.net/games/ar/the_machines_mnogopolzovatelskaja_igra_v_dopolnennoj_realnosti_odobrennaja_samoj_apple/2-1-0-5003?lk6hKO Взято от суда - http://shpargalkablog.ru/2013/09/scroll-block.html#pr8 В демо, такой же скрипт работает гладко http://sticky01.blogspot.ru/2015/05/1.html
0 votes8 answers -
Необычная кнопка
Ребят, по ховеру круглая кнопка плавно трансформируется в кнопку с текстом. Где-то встречал на просторах интернета, но не могу найти сейчас. Возможно кто-нибудь кинет пример подобных кнопок ?
0 votes2 answers -
Особенности background-size: cover
Необходимо указывать background: url из текста самой страницы, а также добавить свойство background-size: cover И вот что заметил - если background-size: cover поместить в стили, то он не работает, а если также на самой странице - то работает: <html> <head> <title>Background Size</title> <style> .true { width: 300px; height: 200px; border: 1px solid #888; } .false { width: 300px; height: 200px; border: 1px solid #888; background-size: cover; } </style> </head> <body> <div class="true" s…
0 votes2 answers -
как растянуть картинку на всю ширину ячейки
как убрать эти пробелы под пингвинами? <!DOCTYPE html> <html> <head> <title>таблицы</title> <meta http-equiv = "Content-Type" content = "text/html; charset = UTF-8" /> <link rel = "stylesheet" href = "styles.css"/> </head> <body> <table id = "main"> <tr> <td id = "header" colspan = "2">1</td> <tr/> <tr> <td id = "left"> <ul> <li>Главная</li> <li>Главная</li> <li>Главная</li> </ul> </td> <td> <h1 class = "title…
0 votes2 answers -
Не работает denwer
Скачал denwer, установил, запустил. Потом захожу на сайт localhost и вижу мне вылетает ошибка: Как это исправить? помогите пожалуйста. я в этом деле новичок просто искал как создать страницу вот и скачал это!!! И как видите зря ведь получил только ошибку!!!
0 votes2 answers -
Адаптивный текст на кнопке
Доброго времени суток уважаемые форумчане. Хочу сделать адаптивным текст на кнопке. нашел замечательную функцию calc, все замечательно, однако при одном из разрешений с блоком происходит непонятный мне сдвиг, как на скриншоте, при остальных же разрешениях текст ведет себя, как положено. Подскажите в чем может быть проблема и пути решения. Ссылка на код
0 votes21 answers