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
-
Проблема с картинкой
Добрый день! Подскажите пожалуйста причины по которой созданная в фотошопе картинка не отображается на сайте в онлайн, хотя в оффлайне все нормально. Браузер один и тот же - Хром. Пробовал менять разрешение jpg, gif. Сохраняю картинку в фотошопе для ВЭБ и обычным способом - все бестолку. Фото прилагаю. Спасибо за помощь.
0 votes9 answers -
Поиск на Яндекс
Помогите с кодом: <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…
0 votes8 answers -
Не работают одновременно два javascript на одной странице. Как изолировать один код?
Не работают одновременно два javascript на одной странице. Как изолировать один код? Признаюсь сразу: я стоматолог, мозгов у меня хватило только для того, чтобы найти этот самый javascript на просторах интернета и вставить в него свои картинки. обрадовался уже, что он работает! Но когда на той же странице вставил еще один такой же javascript, то первый при клике начал показывать картинки со второго http://stomatmaster.ru/5 (вторая картинка работает как надо). . . Наверняка решение простейшее, а я над этим 8 часов бьюсь(о как зацепило)... Как изолировать каждый код? Каким-то тегом(да, это было бы самое простое)? ведь на одной странице у меня их(javascript) плани…
0 votes2 answers -
Подскажите нужный синтаксис, плз
Наставьте чайника на путь истинный, плз... В примере реализации меню, его содержимое берётся из 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"? Понимаю, что вопрос очень нубский, заранее прошу прощения у гуру...
0 votes5 answers -
Как сверстать такую таблицу
Нужно сверстать вот такую таблицу Почти сделал, однако не знаю как сделать так, чтобы соседние блоки прятались В общем вот: http://codepen.io/anon/pen/PqbNMo Как сделать так чтобы она автоматически пролистывалась?
0 votes4 answers -
Радиальный градиент уходящий в прозрачность
Доброго дня уважаемые коллеги. Столкнулся с одним очень неприятным нюансом, а именно , не могу придумать, как можно сделать радиальный градиент "уходящим в прозрачность". Чтобы не быть голословным вот демонстрация, как хочется сделать: 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; Единственный нюанс, это то, что не могу никак сделать его плавно уходящим в прозрачность. Пробовал сделать линейным (там все здорово, но беда в том, что не получа…
0 votes3 answers -
Убрать отступ после section
Добрый день. Подскажите пожалуйста как убрать отступ между <section>. Вот пример.
0 votes1 answer -
Вопрос про псевдоэлементы
Доброго времени суток! Подскажите пожалуйста, как верстать такие шаги (желательно с адаптивностью): http://www.screencapture.ru/file/C0A13E7e http://www.screencapture.ru/file/7472932B Проблема именно в этих бордерах, понятно что делать через псевдоэлементы, но получается какая-то муть. Где-то видел примеры такой навигации, но не могу найти и сформулировать запрос грамотно. Спасибо!
0 votes6 answers -
Наложение background на img
Как сделать наложение backgroun поверх картинки? В последствии через javascript реализую его исчезновение. http://jsfiddle.net/32zrhdfe/
0 votes1 answer -
Посоветуйте слайдер
Посоветуйте пожалуйста слайдер такого вида. http://joxi.ru/krDp4x0Iowo5rp чтобы листались только тумбы (которых 2 колонки), и по клику соответственно в первый экран вышло видео. А если тумбы генерирует автоматически - вообще шикарно будет.
0 votes10 answers -
Шапка сайта в телефонах
Здравствуйте, пишу сайт для себя my-steam.ru Столкнулся с такой проблемой, шапка сайта на мобильных телефонах выглядит очень коряво. При этом тело сайта что на компьютере, что на телефоне выглядят одинаково. Подскажите, как поправить вёрстку шапки, что бы она на компьютере и в телефоне выглядела одинаковой?
0 votes1 answer -
Помогите с шапкой сайта в мобильных браузерах
Пишу простенький сайтик, для себя my-steam.ru Во всех браузерах сайт отображается нормально, но на телефоне шапка сайта улетает влево, хотя само тело сайта отображается везде одинаково. Помогите найти ошибку в верстке шапки?
0 votes4 answers -
0 votes7 answers
-
div с margin-left вылезает за экран но прокрутка не появляется
Здравствуйте Подскажите, пожалуйста, как правильно решить Сверстал страницу как на скриншоте, понадобалось добавить небольшой информационный блок слева от основного контента, выделен зелёным. Для левого зелёного блока выставил отрицательный margin-left и float. В итоге при уменьшении размера окна маленький блок скрывается, а прокрутка не появляется. Можно сделать через side-bar. Но во-первых придётся выравнивать скриптом положение блока по вертикали, чтобы он был напротив зелёного соседа, во вторых на других страницах нет сайдбаров, хотелось обойтись без него чтобы ничего не поломать. Это решаемо?
0 votes9 answers -
Помогите найти способ решения
Добрый день. Необходимо сверстать подобный макет: Фон у боди - серый. Центральный блок - 930px; Фон у сайдбара - серый ( 640px). Фон контента - белый (290px). Далее, необходимо что бы от левого края страницы до блока с div.content был белый фон, высотой в div.content. Я решил сделать следующим образом: Создал третий блок ( left ), и через jquery меняю ширину и высоту этого блока при загрузке и изменении страницы. http://jsfiddle.net/dioooon/g4v3aL6t/ Но думаю, что есть решение проще. Помогите пожалуйста
0 votes15 answers -
Пошаговая форма, проблемы
Я новичок в этом деле, никак не могу сделать, пошаговую форму (html + css). Не получается скрыть ненужные формы в данном шаге. Например: при первом шаге, должна отображаться только первая форма, а вторая и третья должны быть скрыты. Аналогично со вторым и третьим шагами... а и еще только html + css, скрипты и т.д. пока еще не знаю )) Вот пример: http://jsfiddle.net/3Lgfo785/ Прошу выложить решение! Заранее благодарю!)
0 votes5 answers -
Как перечеркнуть текст крест-накрест?
Здравствуйте! Как можно перечеркнуть текст крест-накрест. В интернет-магазинах так часто перечёркивают старую цену. Backgroud не устраивает - меняется геометрия, находится сзади текста, не во всех браузерах работает корректно. Есть какие-то хитрости?
0 votes2 answers -
Как сделать главный экран на сайте
Добрый день. Есть макет, в котором предусмотрен главный экран (верхняя часть сайта без основного контента). Нужно, чтобы этот экран занимал весь вьюпорт по высоте и ширине и был адаптивным, то есть на всех экранах (начиная с ширины в 1000px) при открытии сайта все пространство должен занимать этот экран. Также нужно, чтобы картинка на фоне тоже была адаптивной (background-size: cover дал не совсем тот эффект, сама картинка должна центрироваться, а не уменьшаться пропорционально). Как это реализовать? Заранее спасибо. P.S. На картинке тот самый главный экран (шапка, блок с "можем-получаете" и блок "хотите..."). Ниже в макете идет основной контент (простой текст).
0 votes3 answers -
Изменение слова при достижении последнего слайда
Здравствуйте. Помогите с решением. Или дайте где почитать. Есть слайдер http://joxi.ru/MAjMxk1CgOLW2e Возле кнопок есть кнопка "Далее" При завершении достижении последнего слайда пользователем хотелось бы заменить текст на "Вперёд". Автолистания нет, пользователь сам кликает на кнопки. Хотела сделать говнокод - абослютом добавить новый спан на 4 переключатель, при нажатии на него появлялся бы блок с белым фоном и текстом "Вперёд", но тогда 4 кнопка слайдера не кликалась. Задала для этого класс кнопки переключателя, не сработало, потому что я плохо знаю JS. Может, есть какое-то решение или слайдер с таким? Искала, не нашлось
0 votes9 answers -
Выравнивание элемента по центру
Всем привет! Есть вот такой небольшой лэндинг, поднял на бутстраповском шаблоне отсюда. Не могу никак разобраться с наследованием стилей у блока <div class="clock flip-clock-wrapper" style="margin:5em;>, в котором находится таймер. Конкретно интересует какое свойство и у кого наследует этот блок, из-за которого съезжает выравнивание по центру. Хочу разобраться, но в CSS не очень хорошо разбираюсь, подскажите куда смотреть
0 votes3 answers -
Длинное тире
Меняю название на сайте WordPress, ввожу тире, в исходном коде отображается длинное тире —. Как исправить? Не нравится как отображается в поиске длинное тире, да и если смотреть на другие сайты у всех стандартное тире.
0 votes5 answers -
Переход между блоками с паралакс эффектом
Натолкните на мысль, как лучше сделать такой "уголок" между блоками: Верхний блок с паралаксом, нижний с градиентом, в обоих блоках есть контент.
0 votes1 answer -
Масштабирование сайта и проблема
Есть тестовый сайт http://libertyprint.ru/lencon/lencon/about. На нем нужно смаштабировать весь сайт (класс all). Но при этом теряется фон ( класс bg-about). Может кто знает как вылечить сайт? Заранее спасибо за помощь.
0 votes13 answers -
Поисковик Яндекс и Google
Есть сайт. В нем 2 поисковые системы. На данный момент Гугл открывает пользовательский поиск. Можно ли как-то сделать, чтобы он открывал саму страницу гугл с заданным значением поиска и дальше искал по самому гуглу. Это что касается гугла... Теперь по Яндексу: Яндекс открывает страницу поиска с рекламой моего сайта. Можно ли как-то сделать чтобы он открывал поиск в самом Яндексе с заданным значением.... Вот в принцыпе и все. Заранее спасибо...
0 votes5 answers -
Как добавить ссылку?
<object style="Margin-top:50px"; align="left" type="application/x-shockwave-flash" height="200" width="200" data="http://agitki.ru/flash/template/globus.swf"><param name="movie" value="<!--http://agitki.ru/flash/template/globus.swf"--> /><param name="wmode" value="Transparent" /><param name="flashvars" value="&in_title=РеКом" /></object>Как сюда добавить ссылку?
0 votes6 answers