HTML Coding

29,542 questions in this forum

1. Как сделать главный экран на сайте

   Добрый день. Есть макет, в котором предусмотрен главный экран (верхняя часть сайта без основного контента). Нужно, чтобы этот экран занимал весь вьюпорт по высоте и ширине и был адаптивным, то есть на всех экранах (начиная с ширины в 1000px) при открытии сайта все пространство должен занимать этот экран. Также нужно, чтобы картинка на фоне тоже была адаптивной (background-size: cover дал не совсем тот эффект, сама картинка должна центрироваться, а не уменьшаться пропорционально). Как это реализовать? Заранее спасибо. P.S. На картинке тот самый главный экран (шапка, блок с "можем-получаете" и блок "хотите..."). Ниже в макете идет основной контент (простой текст).

   Asked by mankutila, May 18, 2015

   • экран верстка
   0 votes
   3 answers
2. Как перечеркнуть текст крест-накрест?

   Здравствуйте! Как можно перечеркнуть текст крест-накрест. В интернет-магазинах так часто перечёркивают старую цену. Backgroud не устраивает - меняется геометрия, находится сзади текста, не во всех браузерах работает корректно. Есть какие-то хитрости?

   Asked by Torawhite, May 19, 2015

   0 votes
   2 answers
3. Помогите найти способ решения

   Добрый день. Необходимо сверстать подобный макет: Фон у боди - серый. Центральный блок - 930px; Фон у сайдбара - серый ( 640px). Фон контента - белый (290px). Далее, необходимо что бы от левого края страницы до блока с div.content был белый фон, высотой в div.content. Я решил сделать следующим образом: Создал третий блок ( left ), и через jquery меняю ширину и высоту этого блока при загрузке и изменении страницы. http://jsfiddle.net/dioooon/g4v3aL6t/ Но думаю, что есть решение проще. Помогите пожалуйста

   Asked by dion, May 19, 2015

   • css
   • вертска
   0 votes
   15 answers
4. div с margin-left вылезает за экран но прокрутка не появляется

   Здравствуйте Подскажите, пожалуйста, как правильно решить Сверстал страницу как на скриншоте, понадобалось добавить небольшой информационный блок слева от основного контента, выделен зелёным. Для левого зелёного блока выставил отрицательный margin-left и float. В итоге при уменьшении размера окна маленький блок скрывается, а прокрутка не появляется. Можно сделать через side-bar. Но во-первых придётся выравнивать скриптом положение блока по вертикали, чтобы он был напротив зелёного соседа, во вторых на других страницах нет сайдбаров, хотелось обойтись без него чтобы ничего не поломать. Это решаемо?

   Asked by zheka2, May 20, 2015

   0 votes
   9 answers
5. как убрать полосы в ютубе

   Asked by pitbuli, May 21, 2015

   • как убрать полосы в ютубе
   0 votes
   7 answers
6. Шапка сайта в телефонах

   Здравствуйте, пишу сайт для себя my-steam.ru Столкнулся с такой проблемой, шапка сайта на мобильных телефонах выглядит очень коряво. При этом тело сайта что на компьютере, что на телефоне выглядят одинаково. Подскажите, как поправить вёрстку шапки, что бы она на компьютере и в телефоне выглядела одинаковой?

   Asked by makklovskiy, May 21, 2015

   0 votes
   1 answer
7. Как сделать левый блок посередине страницы? (не экрана)

   Здравствуйте. Есть страницы с очень длинным текстом. В результате реклама совсем не видна почти. Плавающие блоки запрещены адсенсом. Потому думаю следует разместить левый блок рекламы (lsb) посередине страницы. Т.е. высота страницы 1000px, значит блок разместить на 500 px и так в зависимости от размера контента. пробовал писать всякие top:50%, margin-top:50% но как-то работает все не корректно... Сайт имеет следующую структуру <div id="wrapper"><div id="header"></div><div id="menu"></div><div id="lsb"></div><div id="content"></div><div id="footer"></div></div>#wrapper { margin: 0 auto; width…

   Asked by nikki4, May 28, 2015

   0 votes
   1 answer
8. Помогите с шапкой сайта в мобильных браузерах

   Пишу простенький сайтик, для себя my-steam.ru Во всех браузерах сайт отображается нормально, но на телефоне шапка сайта улетает влево, хотя само тело сайта отображается везде одинаково. Помогите найти ошибку в верстке шапки?

   Asked by makklovskiy, May 22, 2015

   0 votes
   4 answers
9. Поиск на Яндекс

   Помогите с кодом: <form method="get" action="http://yandex.ru/search"> <input type="hidden" name="do" value="yandex" /> <input type="hidden" name="subaction" value="yandex" /> <input id="story" class="search_input" name="story" value="Поиск..." onblur="if(this.value=='') this.value='Поиск...';" onfocus="if(this.value=='Поиск...') this.value='';" type="text" /> <div class="h_s_title"><button class="serchb">Найти</button></div> </form>Как сделать что-бы он мое значение перенаправлял на Яндекс? Вот CSS которые здесь применяются: .search_input { margin-left: 10px; float:left; background:#f4f4f4; border: 1px #FCD06E so…

   Asked by Mestniy96, May 22, 2015

   0 votes
   8 answers
10. Посоветуйте слайдер

    Посоветуйте пожалуйста слайдер такого вида. http://joxi.ru/krDp4x0Iowo5rp чтобы листались только тумбы (которых 2 колонки), и по клику соответственно в первый экран вышло видео. А если тумбы генерирует автоматически - вообще шикарно будет.

    Asked by Нарек, May 22, 2015

    0 votes
    10 answers
11. как задать размер ПсевдоЭлементу

    Добавляю псевдоэлемент - картинку h2:after{ content:url(../img/bart.png); position:relative; left:0.5vw; } Как задать этому элементу размер? Height, Width всё дело в том, что есть before и after, которые должны быть чётко по краям заголовка, оно всё правильно стоит, но только размер указать не выходит. Если сделать элемент блочным, тогда проблемно расположить его правильно. вот так это выглядит, но если приблизить, псевдоэлементы станут больше.

    Asked by xTODx, May 23, 2015

    0 votes
    11 answers
12. Прозрачный угол у блока

    Добрый день. Помогите пожалуйста ) Нужно сделать эффект "загнутого уголка", но что бы под блоком был не однотонный фон. Чего-то, не могу придумать, как это реализовать: http://jsfiddle.net/1pkm61ou/

    Asked by dion, May 29, 2015

    • css
    • загнутый угол
    0 votes
    1 answer
13. Наложение background на img

    Как сделать наложение backgroun поверх картинки? В последствии через javascript реализую его исчезновение. http://jsfiddle.net/32zrhdfe/

    Asked by perec200, May 23, 2015

    • css
    • html
    • img
    • background
    0 votes
    1 answer
14. Вопрос про псевдоэлементы

    Доброго времени суток! Подскажите пожалуйста, как верстать такие шаги (желательно с адаптивностью): http://www.screencapture.ru/file/C0A13E7e http://www.screencapture.ru/file/7472932B Проблема именно в этих бордерах, понятно что делать через псевдоэлементы, но получается какая-то муть. Где-то видел примеры такой навигации, но не могу найти и сформулировать запрос грамотно. Спасибо!

    Asked by web-monster, May 24, 2015

    • html
    • css
    0 votes
    6 answers
15. Убрать отступ после section

    Добрый день. Подскажите пожалуйста как убрать отступ между <section>. Вот пример.

    Asked by jdk, May 25, 2015

    0 votes
    1 answer
16. Не работают одновременно два javascript на одной странице. Как изолировать один код?

    Не работают одновременно два javascript на одной странице. Как изолировать один код? Признаюсь сразу: я стоматолог, мозгов у меня хватило только для того, чтобы найти этот самый javascript на просторах интернета и вставить в него свои картинки. обрадовался уже, что он работает! Но когда на той же странице вставил еще один такой же javascript, то первый при клике начал показывать картинки со второго http://stomatmaster.ru/5 (вторая картинка работает как надо). . . Наверняка решение простейшее, а я над этим 8 часов бьюсь(о как зацепило)... Как изолировать каждый код? Каким-то тегом(да, это было бы самое простое)? ведь на одной странице у меня их(javascript) плани…

    Asked by Сергей85, May 25, 2015

    0 votes
    2 answers
17. Радиальный градиент уходящий в прозрачность

    Доброго дня уважаемые коллеги. Столкнулся с одним очень неприятным нюансом, а именно , не могу придумать, как можно сделать радиальный градиент "уходящим в прозрачность". Чтобы не быть голословным вот демонстрация, как хочется сделать: http://savepic.net/6942734m.png А вот, что у меня на данный момент, получилось http://savepic.net/6943758m.png Код простенький: Код CSS 1 background: #0A85CC radial-gradient(51% 255% at 100% 0%, #2f97d4 97%, transparent) no-repeat; Единственный нюанс, это то, что не могу никак сделать его плавно уходящим в прозрачность. Пробовал сделать линейным (там все здорово, но беда в том, что не получа…

    Asked by Velidan, May 25, 2015

    • градиент прозрачность
    0 votes
    3 answers
18. Подскажите нужный синтаксис, плз

    Наставьте чайника на путь истинный, плз... В примере реализации меню, его содержимое берётся из div-ов расположенных внутри одного div class="notebook": .notebook > input:nth-of-type(1):checked ~ div:nth-of-type(1),.notebook > input:nth-of-type(2):checked ~ div:nth-of-type(2)...А как написать, чтобы содержимое бралось из div-ов расположенных вне div class="notebook", а например из div class="book"? Понимаю, что вопрос очень нубский, заранее прошу прощения у гуру...

    Asked by Buendia, May 25, 2015

    • CSS
    0 votes
    5 answers
19. Как сверстать такую таблицу

    Нужно сверстать вот такую таблицу Почти сделал, однако не знаю как сделать так, чтобы соседние блоки прятались В общем вот: http://codepen.io/anon/pen/PqbNMo Как сделать так чтобы она автоматически пролистывалась?

    Asked by yaparoff, May 25, 2015

    0 votes
    4 answers
20. Проблема с картинкой

    Добрый день! Подскажите пожалуйста причины по которой созданная в фотошопе картинка не отображается на сайте в онлайн, хотя в оффлайне все нормально. Браузер один и тот же - Хром. Пробовал менять разрешение jpg, gif. Сохраняю картинку в фотошопе для ВЭБ и обычным способом - все бестолку. Фото прилагаю. Спасибо за помощь.

    Asked by sergio1980, May 25, 2015

    0 votes
    9 answers
21. Странный отступ при добавлении псевдоэлемента

    При добавлении псевдоэлемента появился странный отступ сверху Посмотреть тут http://jsfiddle.net/wssaLzbk/4/

    Asked by xTODx, May 27, 2015

    0 votes
    1 answer
22. Как сделать условное применение top в зависимости от высоты?

    Слева есть блок lsb со свойством top:50%, для того, чтобы на страницах с большим объемом текста он распологался в середине. Однако не все страницы большие, есть и маленькие и на маленьких блок уезжает за контент http://codepen.io/anon/pen/YXNKMR Как сделать, чтобы если страница большая, то топ:50%, а если маленькая, то например топ: 100px. Вижу вариант - сделать запрос к БД и присвоить класс странице... но может есть вариант через css каким-нибудь свойством о котором не знаю? что-то типа top:50%-600px (высота блока) ps: задачу решил топ:30%, а для контента мин-хейт. конечно это другой способ, но как альтерантива подойдет. хотя конечно интересно уже так на будущ…

    Asked by nikki4, May 28, 2015

    0 votes
    1 answer
23. Не переключается слайдер

    Вот такой должен быть слайдер. Сделал его таки образом, что при нажатии на радиобаттон слайдеры должны двигаться. Но почему-то это не получается http://codepen.io/anon/pen/JdEEdv

    Asked by yaparoff, May 29, 2015

    • слайдер
    0 votes
    4 answers
24. Баг Google Chrome

    В браузере Google Chrome, при уменьшении ширины окна изменяются блоки, правая колонка встаёт вниз, за блок новостей. Но вот при увеличении ширины, блок с баннерами не встаёт на место. В FF, IE бага нет, а вот в GC есть. MP4 видео - http://i.gyazo.com/f106fdf09ff2831732239ced150f4f60.mp4 В чем проблема, как исправить?

    Asked by LeoSan, May 29, 2015

    0 votes
    1 answer
25. Не работает clearfix

    Доброе время суток. Не получается заставить работать clearfix, центральный блок уходит вниз. Прошу вашей помощи html: css: И вот так это выглядит:

    Asked by L1felv0er, June 2, 2015

    • float
    • clearfix
    0 votes
    14 answers