HTML Coding

29542 questions in this forum

1. перенос текста внутри td

   перенос текста внутри td имеем <td>первый второй третий</td> как сделать, какой символ нужно добавить между словами, чтоб каждое слово выводилось в браузере в ячейке с новой строки ? Заранее благодарен!

   Asked by Alexys, November 13, 2015

   0 votes
   6 answers
2. вопрос про иероглифы

   Появились иероглифы вместо русских слов в Sublim-е. как это исправить?

   Asked by severianin, November 13, 2015

   0 votes
   5 answers
3. Иконки

   Добрый день!Подскажите, откуда подтягиваются иконки гамбургер-меню и close в этом примере? http://codepen.io/g13nn/pen/eHGEF

   Asked by Кнопа, November 13, 2015

   0 votes
   2 answers
4. Правильно ли я сделал верстку под разные мониторы?

   Сайт 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…

   Asked by afagorn, November 13, 2015

   0 votes
   2 answers
5. пропал текст в опере

   помогите пожалуйста вернуть надписи на место вот страничка . во всех браузерах отображается одинаково. но в windows8.1 opera12.16 страничка выглядит так проверял при помощи сервиса browserstackScreenshots . может он так заглючить? проверить на реальном браузере у меня нет возможности

   Asked by cyklop77, November 13, 2015

   0 votes
   3 answers
6. Все ли правильно!?

   Всем привет, учусь на интерактивных курсах, вот сегодня сверстал первый свой код htmll и css. Если есть у кого то время, проанализируйте, может где то можно сократить, где то исправить, хочу с самого начала учиться правильно, а так как наставника нет, прошу помощи у вас. Спасибо! https://jsfiddle.net/cqtcjxbd/

   Asked by Livitan, November 14, 2015

   0 votes
   7 answers
7. Скачивание по ссылке

   Приветствую! У меня имеется ссылки, которые при открытие в браузере хром воспроизводят музыку. Как сделать с помощью jquery или js скачивание файла по этой ссылке? Пример: https://cs1-48v4.vk-cdn.net/p8/9cb89555848696.mp3?extra=UpleRzemOPM4jISjxrPm945XnBfL3ZSgTVvZiijMqmFGmsXV_oO375KTOBgBBWI1RN2k3n66Ys9NfUI1h4yXnRnDNxo,275

   Asked by samec1337, November 14, 2015

   0 votes
   10 answers
8. медиа стиль для планшета

   Здравствуйте! Сверстал сайт, в браузере любом смотрится нормально, но в планшете блоки из за margin-ов переносятся вниз. Прописал для планшета медиа стиль: @media (max-device-width: 1280px) { .phonebox{margin-left:23px} .mn{margin-left:0px;} .sendboxf{width:192px} } после этого запроса в планшете все хорошо, но а на компьютере где такое расширение как и у планшета медиа запрос тоже срабатывает, и получается что большие зазоры между блоками, но а на планшете все ок, зазоров нет! Может как то можно прописать только медиа запрос только для планшета? или еще как то это решить

   Asked by WebPlus, November 15, 2015

   • css
   • html
   0 votes
   4 answers
9. Как отцентрировать блок поверх видео?

   Подскажите, как можно отцентрировать блок #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…

   Asked by _ZheKA_, November 15, 2015

   • css
   • html
   • video
   0 votes
   1 answer
10. Bootstrap фотогаллерея

    Ребзики, коллегушки .. Верстаю сайт под смартфоны на bootstrap. Подскажите пожалуйста нормальную фотогаллерею. Требования: 1. Не громоздкая. 2. Удобная для пользования с мобилки. Заранее приподнимаю шляпу в знак уважения.

    Asked by Pinga, November 15, 2015

    • bootstrap
    • image
    • gallery
    • jquery
    0 votes
    7 answers
11. вопрос про круглые края и про шапку

    Друзья,у меня вот такая шапка : http://savepic.su/6550823.jpg как мне закруглить края верхние те ,что на рисунке или спрятать их под шапку? а то у меня только нижние края закругляются ) http://savepic.su/6505764.jpg

    Asked by severianin, November 16, 2015

    0 votes
    2 answers
12. Псевдоэлемент :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 подложка "выезжает" на передний план.

    Asked by poseidon, November 16, 2015

    • html css z-index :before
    0 votes
    2 answers
13. Не получается бросить якорь в скрытый блок

    Подскажите пожалуйста, имеется шаблон в котором все div блоки скрыты, а открываются только при нажатии на кнопку меню срабатывает стиль display: none, и соответственно при нажатии на какую нибудь кнопку из меню по такой же схеме открывается уже конечный блок с контентом. Проблема заключается в том что мне нужно поставить якорь на конечный контент, а ссылку - на логотип (со стартовой страницы), я так понимаю что ссылка не работает из за того что блок с конечным контентом скрыт. Но если открыть конечный контент кнопочка "services и значок с человечками" ссылка начинает работать. <a name="tab66"></a> якорь <a rel="nofollow" href="#tab66"><img src="…

    Asked by kirpich, November 17, 2015

    0 votes
    0 answers
14. Появление подсказки при наведении + тень

    При наведении на блок должно быть вот так: Т.е. должна появляться подсказка. Также не получается сделать тень треугольника снизу (у подсказки). Подскажите, как это сделать? http://codepen.io/anon/pen/avXRQx

    Asked by yaparoff, November 17, 2015

    0 votes
    2 answers
15. Изменить стандартный select

    Нужен такой select Почти сделал, но старые стили у select убрать не могу. Может кто знает как это сделать? http://codepen.io/anon/pen/EVrOaq

    Asked by yaparoff, November 17, 2015

    • select
    0 votes
    4 answers
16. Размывается картинка после изменения размера контейнера

    Доброго времени суток! Имеется проблема: Я изменил размер контейнера (картинка CELINE в шапке сайта) с помощью кода CSS: .adaptive .logo img { max-height: 120px; min-width: 300px; } Далее вставляю картинку "CELINE" с помощью визуального редактора UMI, сохраняю изменения и обновляю страницу. После обновления страницы картинка "CELINE" размывается... Как сделать чтобы картинка отображалась без размытия?

    Asked by Psychedelic1571, November 17, 2015

    0 votes
    2 answers
17. Подсветка чекбокс при наведении

    Коллеги, подскажите как сделать чтобы при наведении на чекбокс тот менял цвет рамки Стандартный чекбокс я скрыл. Вместо него я поставил .form-checkbox__label::before - новый чекбокс. Как прописать его поведение при наведении? Попробовал .form-checkbox__label::before:hover - не получается. Но нужно еще сделать так, чтобы при наведении на текст он тоже менял цвет http://codepen.io/anon/pen/gaqZYd

    Asked by yaparoff, November 17, 2015

    • checkbox
    0 votes
    1 answer
18. Фон для блока (background-size)

    Здравствуйте! Подскажите, как правильно (упор делаю именно на "как правильно", как попало -- я смогу сделать ))) ) оформить блок с фоном (с большой картинкой для фона). Не слишком ли огромный фон (почти на 2 экрана)? А как тогда текст ровнять? неужели с помощью position:absolute? Пример того, что у меня получилось можно посмотреть здесь А надо так: http://savepic.su/6522035.png Спасибо.

    Asked by Alfa2015, November 17, 2015

    0 votes
    14 answers
19. Нулевая высота блока, в котором блок 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; }…

    Asked by vladimirpodr, November 17, 2015

    • css
    • height
    • image
    0 votes
    2 answers
20. Отцентрировать согласно неизвестной высоте

    Здравствуйте. Может, кто-то сможет подсказать? Есть что-то вроде тултипа - всплывает при наведении напротив каждого пункта. Но считает только 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'}); }}

    Asked by kattiperk, November 17, 2015

    • js
    • height
    0 votes
    13 answers
21. Как сделаны тени на http://global.ecco.com/?

    Всем привет. Есть сайт http://global.ecco.com/ Как сделаны тени у изображений на втором экране?

    Asked by goooooch, November 18, 2015

    0 votes
    2 answers
22. Верстка мобильной версии

    Доброго времени суток. Подскажите пожалуйста какой-нибудь CSS Фреймворк для мобильной версии сайта. Не адаптив - а именно только для мобилы. Где вообще можно посмотреть пример каркаса? ) Скинули макет с шириной 360px. Кто как верстает мобильные версии? )Скиньте пример плз

    Asked by dion, November 17, 2015

    • верстка
    • mobile
    • only
    0 votes
    1 answer
23. обтекание сайдбара

    Друзья, помогите сделать так, чтобы контент обтекал сайдбар и при этом был одной с ним высоты и находился ровно справа /http://jsfiddle.net/gpvpxwb9/1/

    Asked by severianin, November 17, 2015

    0 votes
    2 answers
24. Проблема с перемещением изображения по вертикали, по горизонтали.

    Дорогие друзья, всем добрый вечер! При создании сайта столкнулся со следующей проблемой. Когда вставляю на сайт изображение (изображение небольшое, под размеры шапки), устанавливаю правило: background-position: top center, но изображение получается слишком высоко и мне его нужно отпустить, если рассматривать в см то приблизительно на 5-7 и сдвинуть в бок на аналогичное расстояние. Подскажите пожалуйста, как это сделать? Сейчас в моем редакторе CSS следующее: Парни, небольшое примечание. Пользовался правилом вроде "margin-left", но перемещается не картинка - как мне нужно, а все содержимое сайта

    Asked by Gentls, November 17, 2015

    0 votes
    2 answers
25. Чтобы input переключался

    Нужно, чтобы инпуты переключались Сейчас, когда нажимаешь на каждый, это выглядить так (т.е. подсвечиваются все): Как это исправить? http://codepen.io/anon/pen/avXRQx

    Asked by yaparoff, November 18, 2015

    • input
    0 votes
    1 answer