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
29542 questions in this forum
-
Помогите отредактировать шаблон
Нужно заменить "Continue reading" на "Читать далее" в этом шаблоне - http://gooyaabitemplates.com/livepreview/recipes-food/ Перерыл весь код, но так и не нашел, где это можно сделать. Пожалуйста, помогите!
0 votes0 answers -
убегает в низ видео на сайте
Здравствуйте уважаемые,посоветуйте что можно сделать. При просмотре сайта через телефон убегает вниз видео от ютюба. Вот скрин http://prntscr.com/e2vnbe на самом деле оно должно стоять в ноутбуке. В обычном режиме это выглядит так http://prntscr.com/e2vpxf. вот html <div class="sls"> <div class="container"> <div id="featured"> <div class="content" style=""> </div> <a href=""><iframe width="580" height="370" src="https://www.youtube.com/embed/k0gffKCi9CE" frameborder="0" allowfullscreen></iframe></a> …
0 votes2 answers -
прозрачный блок перекрывает ссылку
Добрый день! Есть проблема в срабатывании ссылки, все понятней из изображения для примера. Т.е. и галочка и лапа являются ссылками на разные страницы, но на лапу нельзя нажать, т.к. она фактически находится за галочкой, как решить эту проблему? Изображения тестовые, svg не обойтись. Заранее благодарю за помощь.
0 votes5 answers -
Ошибка отобажения контента
Доброго времени суток. Столкнулся с проблемой, что иногда при открытии страницы сайта, он выдает мне страницу которая выглядит именно так Но после обновления страницы, все сново отображается так как надо, проблем с главной страницей сайта, не было замечено. Подскажите пожалуйста с чем это может быть связано, куда копать. Сайт перешел в мои руки недавно, так что какие были внесены изменения мне не известно. Все что мне известно, это что есть такая проблема. Очень нуждаюсь в професиональном совете. З.Ы. Сайт стоит на движке ВордПресс + ВуКомерс (интернет магазин) Ссылка на сайт После перехода на главную страницу по этой ссылке, просто погуляйте по с…
0 votes6 answers -
Активация 2х Div'vov при наводке на род. div
Активация 2х Div'vov при наводке на род. div Добрый день, у меня возникла проблема, есть 2 блока которые имеют ховеры с разными цветами. Я вложил их в родительский div, но никак не могу понять: как сделать чтобы при наводке на родительский блок активировались вложеные дивы одновременно: <div class="horse"><a href="#"> <div class="onse"><p>ПОКУПКА 300 КЛЮЧЕЙ</p></div> <div class="prc"><p>1650<sup> руб. </sup></p></div> </a></div>
0 votes2 answers -
Проблема с clip-path: url(#foo)
Нужна помощь! Начал разбираться со свойством 'clip-path'. Оно пока мало поддерживается браузерами. Полноценно только -webkit-браузерами. Поддержка Firefox имеется, но только через "external-link" - clip-path: url(#foo) и описании svg в html. У меня возникла проблема реализации именно последним способом: Вот реализация через clip-path в css (работает только на -webkit-): Захотел сделать тоже самое только через external-link для поддержки Firefox, описал те же polygon в svg и меня ничего не работает, в чем именно я допустил ошибку? Знаю, что будут проблемы с transition со второй реализацией, но это лучше чем ничего! Заранее спасибо за пом…
0 votes1 answer -
Постоянный цвет элемента после клика по ссылке
Как сделать чтобы после клика на тег a, в теге mark голубая заливка не исчезала? https://jsfiddle.net/Delat/m7jy4bfe/
0 votes15 answers -
Как сделать нижнюю сторону блока уголком
Можно ли сделать так, чтобы верхний голубой блок имел вот такую угловатую нижнюю сторону? Или тут только свг в помощь?
0 votes4 answers -
Блок
Всем добра, проблемка в следующим. Нужно например в блоке <div><img ="1"/><img ="2"/><img ="3"/></div> , разместить изображение(от 2 до 6 шт), например размер изображений width:200px; height: auto; А блок див ограничен width:760-780px, и !!внимание!! самое главное. Как сделать чтобы все лишние фотки прятались, и скролом их передвигал, подобие слайдера, но не слайдер.
0 votes3 answers -
Как отобразить по центру?
http://rado-jubile-true.ru/dwr/ По центру, через клик, должна выскакивать табличка в центральном расположении, но она почему-то падает в левый верхний угол. К ссылке на сайт, где всё видно, прилагаю скрин. Вот этот блок должен быть в центре, но он почему-то съезжает. Сайт делал не я, поэтому мои познания в тонкостях весьма ограниченны. =( Код формы: <div id="kmacb-form" class="modal kmacb-form kmacb-form2"> <div class="modal-block"> <div class="title"><a class="icon-close"></a>Понравилось это предложение?<div class="kmacb-form-rectangle"></div></div> <div class="content"> …
0 votes1 answer -
Центрирование абсолютно позиционированного блока
Как отцентрировать абсолютно позиционированный абзац? пробовал left:auto; right:auto; и margin:auto; не работает. Есть ли свойство какое нибудь? или придётся линейкой центр искать? https://jsfiddle.net/Lo4ntyu9/1/
0 votes1 answer -
Проблема с тегом button, атрибут class
Сделал <style>a.button7{....</style>. Если пишу вот так: <p><a class="button7" href="">...</a></p>, то стиль присваивается нормально, но если так: <p><button class="button7" ....>...</button></p>, то стиль не присваивается, хотя гугл говорит, что должен.
0 votes3 answers -
Адаптивный фон страницы.
Здравствуйте! Собственно как сделать.
0 votes2 answers -
CSS условия в стилях
Здравствуйте. Подскажите, возможно ли средствами CSS сделать такое: Есть кнопки в таблице. На кнопке есть числа 0 +0 И это все идет столбиком. Пока цифра однозначная, все ок. Но когда счет переходит на 2-3 знака, структура ломается 0 +0 10 +30 100 +1 Можно ли заранее заложить с помощью CSS условия в стилях? Чтобы было вроде: 0 + 0 10 + 8 100 +122
0 votes4 answers -
форма создание дополнительной формы
Нужно создать форму, которая будет всплывать при нажатии кнопки "Добавить". Например, мы вводим образование, один университет. Но если человек имеет еще одно образование, то он нажимает кнопку "Добавить" и ему высвечивается такая же форма , только с другим полями, ( выше - ниже не имеет значения) На первой картинке показано как это выглядит до нажатия на клавишу, на второй как после нажатия. Есть ли какие нибудь материалы по этой теме? Не могу найти хоть приблизительного примера=( Очень буду благодарна, если поможете=)
0 votes0 answers -
Можно ли создать ромбик, у которого по одной координате размер абсолютный, по-другой - относительный?
Вот, например, так, только с условиями, как в заголовке? ЗЫ: фигура должна заливаться градиентом и откидывать тень.
0 votes0 answers -
html Подскажите код
Столкнулся с проблемой. У меня есть таблица и при наведении на ячейку другие блюрятся, но они блюрятся по горизонтали, а мне наоборот надо чтобы блюрились по вертикали т.е. при наведении на th1 блюрились все td* кроме td1, также и при наведении на любую из td* блюрятся другие td кроме той. Нужно учитывать то что заголовок т.е. th* никогда не блюрится. Короче говоря нужно чтобы при наведении оставались незаблюренными только наведенный столбец. Вот ссылка: https://jsfiddle.net/tArAntAykA_/q77a55e7/2/ Заранее спасибо за ответ. Если что то непонятно пишите. Вот как сейчас: Как надо:
0 votes0 answers -
Проверьте первую верстку
Нарооооод я В общем освоил html+css на начальном уровне и вот сварганил первый сайт на дивной верстке вот демка сайта которую копировал http://www.woweb.ru/td1/048/ а вот собственно мои файлы жду так сказать критику что нуб и тд хех ну вродь выглядит неплохо на всех браузерах завтра буду делать что посложнее index.html style.css
0 votes1 answer -
Плавное появление информационных блоков на страницах
На сайте https://pages.github.com/ по мере продвижения скролла вниз, видно как информационные блоки плавно появляются, как-будто выплывают. Как называются такие эффекты? Где можно подробно почитать, чтобы научиться их делать самостоятельно. А может быть есть уже готовые, которые не сложно кастомизировать?
0 votes3 answers -
Как создать кнопки (пример внутри)
http://preview.themeforest.net/item/landx-multipurpose-wordpress-landing-page/full_screen_preview/9545842 сверху 3 кнопки соц сетей, как такие создать? Они не картинками вставлены. Т.е если бы просто нужно было бы кнопки, я бы просто вставил картинку, но тут проблема в том, что при ховере с эфектом перехода меняется цвет
0 votes6 answers -
Каждый второй элемент
https://jsfiddle.net/hd45m3fc/ По началу всё идёт как надо выбирается каждый второй элемент. Но вторая пара, после <br>, уже применяет каждый второй начиная с первого. Почему такое поведение?
0 votes2 answers -
Как заменить радиокнопку рамкой в картинке?
Нашел как скрыть кружок кнопки, но как сделать, чтобы при переключении цвета у картинки появлялась рамка? т.е. чтобы было понятно какой текущий цвет выбран. <div class="form-group required"> <div id="input-option232"> <div class="radio"> <label> <input name="option[232]" value="37" type="radio"> <img src="http://zohen.ru/image/cache/catalog/colors/black-50x50.jpg" alt="Черный" class="img-thumbnail"> Черный </label> </div> <div class="radio"> <label> <input name="option[232]" value="38" type="radio"> <img src="http://zohen.ru/image/cache/catalog/colors/red-50x50.jpg" alt="Красный" …
0 votes2 answers -
Как сделать, чтобы в пагинации при клике не отправлялось вниз по якорю?
Внизу, справа - есть отзывы (надо кликнуть на слово "отзывы (6)" При клике на вторую страницу отзывов - перекидывает вниз. Я так понимаю это связанно с якорем. Как сделать, чтобы это нормально работало, и при клике - оставался экран статичным, либо перекидывало наверх к началу отзывов, а не как сейчас - отправляет куда-то вниз? Причем при переходе со второй страницы на первую - работает как надо.
0 votes1 answer -
Не получается вертикально отцентрировать блок/картинку
Превьюшки, которые слева, не центрируются по вертикали. Я пробовал: 1. vertical-align: middle 2. display: table (родительский элемент) и table-cell (дочерний эемент) 3. top: 50% и transform y -50% (отображается некорректно на некоторых устройствах, да и костыль к тому же)
0 votes0 answers -
Как выровнять среднюю колонку по центру (3 колонки)
https://goo.gl/ygY6HF 3 колонки, сейчас каждая по 33% в ширину. Но логотип #logo по середине почему-то криво стоит по отношению к меню, которое отцентровано при помощи text-align:center;. Можно конечно логотипу margin-left: 30px; сделать - но это вроде как не адаптивный вариант и придется под разные разрешения разные отступы делать.
0 votes1 answer