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
-
перенос текста внутри td
перенос текста внутри td имеем <td>первый второй третий</td> как сделать, какой символ нужно добавить между словами, чтоб каждое слово выводилось в браузере в ячейке с новой строки ? Заранее благодарен!
0 votes6 answers -
вопрос про иероглифы
Появились иероглифы вместо русских слов в Sublim-е. как это исправить?
0 votes5 answers -
Иконки
Добрый день!Подскажите, откуда подтягиваются иконки гамбургер-меню и close в этом примере? http://codepen.io/g13nn/pen/eHGEF
0 votes2 answers -
Правильно ли я сделал верстку под разные мониторы?
Сайт http://burzhuy.org/deal/ Проблема с первым "блоком", где изображен мужчина по имени Гейб с облачком На родительский блок gabe фоном ставлю цельное изображение Гейба с облачком background: transparent url("/deal/img/gabe_big2.png") no-repeat scroll center center / cover;Потом идет меню, блок с текстом, который должен находиться и кнопка. Блок с текстом при разных разрешениях монитора будет скакать, поэтому я сделал такие правила для этого блока. Еще этот блок растягивает родительский блок так чтобы фон не был маленьким или очень большим @media (min-width: 768px) { .cloud { padding: 6% 58% 10% 8%; } .cloud p { font-size: 15px; } .cloud span { font-s…
0 votes2 answers -
пропал текст в опере
помогите пожалуйста вернуть надписи на место вот страничка . во всех браузерах отображается одинаково. но в windows8.1 opera12.16 страничка выглядит так проверял при помощи сервиса browserstackScreenshots . может он так заглючить? проверить на реальном браузере у меня нет возможности
0 votes3 answers -
Все ли правильно!?
Всем привет, учусь на интерактивных курсах, вот сегодня сверстал первый свой код htmll и css. Если есть у кого то время, проанализируйте, может где то можно сократить, где то исправить, хочу с самого начала учиться правильно, а так как наставника нет, прошу помощи у вас. Спасибо! https://jsfiddle.net/cqtcjxbd/
0 votes7 answers -
Скачивание по ссылке
Приветствую! У меня имеется ссылки, которые при открытие в браузере хром воспроизводят музыку. Как сделать с помощью jquery или js скачивание файла по этой ссылке? Пример: https://cs1-48v4.vk-cdn.net/p8/9cb89555848696.mp3?extra=UpleRzemOPM4jISjxrPm945XnBfL3ZSgTVvZiijMqmFGmsXV_oO375KTOBgBBWI1RN2k3n66Ys9NfUI1h4yXnRnDNxo,275
0 votes10 answers -
медиа стиль для планшета
Здравствуйте! Сверстал сайт, в браузере любом смотрится нормально, но в планшете блоки из за margin-ов переносятся вниз. Прописал для планшета медиа стиль: @media (max-device-width: 1280px) { .phonebox{margin-left:23px} .mn{margin-left:0px;} .sendboxf{width:192px} } после этого запроса в планшете все хорошо, но а на компьютере где такое расширение как и у планшета медиа запрос тоже срабатывает, и получается что большие зазоры между блоками, но а на планшете все ок, зазоров нет! Может как то можно прописать только медиа запрос только для планшета? или еще как то это решить
0 votes4 answers -
Как отцентрировать блок поверх видео?
Подскажите, как можно отцентрировать блок #myblock поверх видео? <div id="trailer" class="is_overlay"><video id="video" width="100%" height="auto" autoplay="autoplay" loop="loop" preload="auto"><source src="http://5thedgestudio.at.ua/img/back.mp4"></source></video></div><div id="myblock">Мои любые данные</div>.is_overlay{ display: block; width: 100%; height: 100%; }#trailer {position: fixed;top: 0; right: 0; bottom: 0; left: 0;overflow: hidden;;}#trailer > video {position: absolute;top: 0;left: 0;width: 100%;height: 100%;z-index:-1000;}@media (min-aspect-ratio: 16/9) {#trailer > video { height: 300%; top: -100%; }}@m…
0 votes1 answer -
Bootstrap фотогаллерея
Ребзики, коллегушки .. Верстаю сайт под смартфоны на bootstrap. Подскажите пожалуйста нормальную фотогаллерею. Требования: 1. Не громоздкая. 2. Удобная для пользования с мобилки. Заранее приподнимаю шляпу в знак уважения.
0 votes7 answers -
вопрос про круглые края и про шапку
Друзья,у меня вот такая шапка : http://savepic.su/6550823.jpg как мне закруглить края верхние те ,что на рисунке или спрятать их под шапку? а то у меня только нижние края закругляются ) http://savepic.su/6505764.jpg
0 votes2 answers -
Псевдоэлемент :before и z-index в ie8
#main { background-color: #fff; border-radius: 15px; border: 1px solid #d5d5d5; display: block; height: 1000px; margin-top: 7px; position: relative; width: 948px;}#main:before { content: url(../images/top-shadow.png); display: block; position: absolute; top: -10px; z-index: -1;}<div id="main"></div> Здравствуйте. Подскажите пожалуйста, как заставить работать z-index в псевдоэменте ( :before ) для браузера ie8. Основная задача заключается в том, что нужно поместить подложку ( в данном случаи тень овальной формы ) под основной элемент ( #main ). В "нормальных" браузерах данный код работает. В ie8 подложка "выезжает" на передний план.
0 votes2 answers -
Не получается бросить якорь в скрытый блок
Подскажите пожалуйста, имеется шаблон в котором все div блоки скрыты, а открываются только при нажатии на кнопку меню срабатывает стиль display: none, и соответственно при нажатии на какую нибудь кнопку из меню по такой же схеме открывается уже конечный блок с контентом. Проблема заключается в том что мне нужно поставить якорь на конечный контент, а ссылку - на логотип (со стартовой страницы), я так понимаю что ссылка не работает из за того что блок с конечным контентом скрыт. Но если открыть конечный контент кнопочка "services и значок с человечками" ссылка начинает работать. <a name="tab66"></a> якорь <a rel="nofollow" href="#tab66"><img src="…
0 votes0 answers -
Появление подсказки при наведении + тень
При наведении на блок должно быть вот так: Т.е. должна появляться подсказка. Также не получается сделать тень треугольника снизу (у подсказки). Подскажите, как это сделать? http://codepen.io/anon/pen/avXRQx
0 votes2 answers -
Изменить стандартный select
Нужен такой select Почти сделал, но старые стили у select убрать не могу. Может кто знает как это сделать? http://codepen.io/anon/pen/EVrOaq
0 votes4 answers -
Размывается картинка после изменения размера контейнера
Доброго времени суток! Имеется проблема: Я изменил размер контейнера (картинка CELINE в шапке сайта) с помощью кода CSS: .adaptive .logo img { max-height: 120px; min-width: 300px; } Далее вставляю картинку "CELINE" с помощью визуального редактора UMI, сохраняю изменения и обновляю страницу. После обновления страницы картинка "CELINE" размывается... Как сделать чтобы картинка отображалась без размытия?
0 votes2 answers -
Подсветка чекбокс при наведении
Коллеги, подскажите как сделать чтобы при наведении на чекбокс тот менял цвет рамки Стандартный чекбокс я скрыл. Вместо него я поставил .form-checkbox__label::before - новый чекбокс. Как прописать его поведение при наведении? Попробовал .form-checkbox__label::before:hover - не получается. Но нужно еще сделать так, чтобы при наведении на текст он тоже менял цвет http://codepen.io/anon/pen/gaqZYd
0 votes1 answer -
Фон для блока (background-size)
Здравствуйте! Подскажите, как правильно (упор делаю именно на "как правильно", как попало -- я смогу сделать ))) ) оформить блок с фоном (с большой картинкой для фона). Не слишком ли огромный фон (почти на 2 экрана)? А как тогда текст ровнять? неужели с помощью position:absolute? Пример того, что у меня получилось можно посмотреть здесь А надо так: http://savepic.su/6522035.png Спасибо.
0 votes14 answers -
Нулевая высота блока, в котором блок div с картинкой без указанной высоты
Есть HTML код: <div class="figure"> <div class="text"> <p>Текст</p> </div> <div class="image"> <img width=568px src="images/cont.jpg"> </div> </div> Проблема в том что картинки подгружаються с разной высотой и нужно, чтобы блок "figure" имел высоту соответственно картинке, а на выходе получается 0. Также проблема назначить блоку "text" высоту блока "figure". Соответственно CSS код: .figure { margin-bottom: 15px; margin-left: -70px; padding: 10px; border-style: solid; border-width: 1px; border-color: rgb(102, 102, 102); width: 1204px; height: auto; } .figure div { margin:0; padding: 0; }…
0 votes2 answers -
Отцентрировать согласно неизвестной высоте
Здравствуйте. Может, кто-то сможет подсказать? Есть что-то вроде тултипа - всплывает при наведении напротив каждого пункта. Но считает только top. А хотелось бы его отцентрировать, но высота тултипа может быть разной. Код ниже. Сайт - http://top-matras.ru/seriya-premium/hardstyle-medium-s1000/, тултип в "Составе модели" function layers_box_open(o) { var _id = $(o).attr('data-layersLink-key'); if (_id) { var top = (($("[data-layersLink-key='"+_id+"']").offset().top)-$(".js-layers_wrap").offset().top); $('.layers_box_wrap', '.js-layers_key-' + _id).css({'visibility':'visible', 'top' : top + 'px'}); }}
0 votes13 answers -
Как сделаны тени на http://global.ecco.com/?
Всем привет. Есть сайт http://global.ecco.com/ Как сделаны тени у изображений на втором экране?
0 votes2 answers -
Верстка мобильной версии
Доброго времени суток. Подскажите пожалуйста какой-нибудь CSS Фреймворк для мобильной версии сайта. Не адаптив - а именно только для мобилы. Где вообще можно посмотреть пример каркаса? ) Скинули макет с шириной 360px. Кто как верстает мобильные версии? )Скиньте пример плз
0 votes1 answer -
обтекание сайдбара
Друзья, помогите сделать так, чтобы контент обтекал сайдбар и при этом был одной с ним высоты и находился ровно справа /http://jsfiddle.net/gpvpxwb9/1/
0 votes2 answers -
Проблема с перемещением изображения по вертикали, по горизонтали.
Дорогие друзья, всем добрый вечер! При создании сайта столкнулся со следующей проблемой. Когда вставляю на сайт изображение (изображение небольшое, под размеры шапки), устанавливаю правило: background-position: top center, но изображение получается слишком высоко и мне его нужно отпустить, если рассматривать в см то приблизительно на 5-7 и сдвинуть в бок на аналогичное расстояние. Подскажите пожалуйста, как это сделать? Сейчас в моем редакторе CSS следующее: Парни, небольшое примечание. Пользовался правилом вроде "margin-left", но перемещается не картинка - как мне нужно, а все содержимое сайта
0 votes2 answers -
Чтобы input переключался
Нужно, чтобы инпуты переключались Сейчас, когда нажимаешь на каждый, это выглядить так (т.е. подсвечиваются все): Как это исправить? http://codepen.io/anon/pen/avXRQx
0 votes1 answer