HTML Coding

29542 questions in this forum

1. Эффект перехода по слайдам

   Доброго дня форумчане, ситуация такая- Есть сайт http://codex-themes.com/scalia/one-page/ где красиво реализована система смены слайдов. Как можно заметить, происход переход следующим образом : Элементы в слайде начинают анимацию свёртки -> происходит смена слайда -> происходит анимация развертки элементов нового слайда. Подскажите есть ли какие-нить уроки/статьи как такое сделать, и можете порекомендовать слайдер, где такое можно сделать через опции, ну хотя бы задержку перед переход на следующий слайд. Писать свой велосипед не хотелось бы, но видимо придется, если вы мне не поможете советом. Спасибо.

   Asked by Pikavit, March 28, 2017

   • анимация
   • слайдер
   • слайд
   • javascript
   • css
   0 votes
   2 answers
2. @media screen не работатет

   Помогите с кодом.Первый @media screen работает, а другие 2 нет Скрытый текст @media screen and (min-width: 800px) and (max-width: 1000) { /*От планшета до большого монитора*/ .wrapper{ width: 40%; } .anons p{ font-size: medium; } .anons h2{ font-size: x-large; } .menu{ width: 60%; height: 40px; } .btn a{ font-size: 12px; } .btn{ margin: 0 10px; } .header img{ width: 100%; } .header{ height: 95%; } .anons img{ width: 100%; } .skidkiall{ height: 90%; } .content{ height: 95%; } } @media screen and (min-width:480px) and (max-width: 799px) {…

   Asked by Nikita L, March 29, 2017

   • html
   • css
   0 votes
   4 answers
3. Оффлайн курсы по front-end

   Обнаружил в своем городе курсы по front-end-у, посмотрел их план обучения Скрытый текст 1. Введение в HTML 2. Настройка рабочей среды разработчика 3. Знакомство с CSS 4. CSS селекторы 5. Блочная модель документа (CSS Box Model) 6. GitHub 7. Шрифты в вебе, Font Face 8. Методы сброса стилей браузера: normalize.css и reset.css. Starter 9. Photoshop для Front-end разработчика 10. CSS позиционирование 11. Float 12. Методология БЭМ 13. Как выравнивать в CSS. Padding vs Margin 14. Строим формы 15. CSS сетки …

   Asked by Hasiev, March 29, 2017

   0 votes
   0 answers
4. Маркированный список

   Добрый день. Как сделать так, чтобы маркированный список был справа от изображения без обтекания. Сейчас список обтекает картинку вот так: http://cv38564-wordpress.tw1.ru/услуги/ спасибо!

   Asked by Ольга А., March 29, 2017

   • список
   • css
   • редактирование
   0 votes
   1 answer
5. Проблема с Flex

   Столкнулся с такой проблемой что при уменьшении окна браузера flex-элементы не хотят выстраиваться в один столбец. В песочнице все работает отлично, а когда делаю у себя на компьютере, то не работает. Код один и тот же пишу. На скриншотах все видно. Код в песочнице Скриншот 1 Скриншот 2 Проверял в Firefox все работает, а в Chrome нет... Понять не могу почему, хотя как делал примеры все работало, а когда начал сам делать не работает. (это я про то что в хроме не работает)

   Asked by John106, April 1, 2017

   0 votes
   5 answers
6. Как выполнить проверку input на заполнение?

   Ребятки, есть вот такой вот фрагмент. Есть вот такой код: input:focus + label {display: none} Т.е. когда нажимаешь на input, надпись name исчезает, но стои убрать фокус с формы, надпись появляется снова, причем поверх текста. Получается некая неведомая фигня. Как сделать так, что если в инпуте есть хотя б одна буква, лейбл на нем не появлялся? Пробовал input:not(:empty) + label {display:none;} Но как выяснилось что input всегда empty. И как решить этот вопрос, ума не приложу. 2й день голову ломаю над делеммой.

   Asked by sergei8550, March 29, 2017

   • input
   • input+label
   • проверка input
   0 votes
   3 answers
7. Проблема с выравниваем по вертикали

   У меня тут такая проблема. Не могу разобраться как выровнять по вертикали слайдер. Может кому покажется что это элементарно, но мне чет не доходит в голову как это сделать надеюсь поможет кто. Ссылка на конструктор с кодом.

   Asked by John106, March 30, 2017

   0 votes
   1 answer
8. Проблема с Emmet на ST3

   Раньше пользовался NotePad++ с плагином emmet. Горячая клавиша была tab, к чему я, естественно, привык. Скачал Sublime Text 3, установил emmet, но работает сочетание клавиш ctrl+e. Как изменить его на tab?

   Asked by Захаров Даниил, March 30, 2017

   0 votes
   1 answer
9. Изменение порядка блоков

   <div>Лого</div> <div>Текст</div> <div>Меню</div> Как сделать чтобы в адаптивной версии меню оказалось выше текста?

   Asked by gadjet, December 8, 2018

   0 votes
   6 answers
10. Заказ адаптивного сайта

    Здравствуйте, подскажите пожалуйста, допустим заказчик хочет адаптивный сайт, дизайнер должен сделать разные PSD макеты, под каждое разрешение, или верстальщик сам должен адаптировать сайт, изменяя шрифт, блоки и т.д. по своему усмотрению?

    Asked by Oleg90s, April 2, 2017

    0 votes
    3 answers
11. адаптивная верстка

    Всем добрый день! Опыта мало. Пытаюсь адаптировать готовый сайт. В самом начале столкнулась с проблемой: задала body 320 px., mframe и в px., и в процентах задаю. Смотрю через Firebug и вижу, что mframe 323,6px. Почему так происходит? Ссылка на сайт http://labradorskie.com/ @media screen and (max-width: 320px) { body { width: 320px; } BODY td, th {background-color: #e5e5b7;height: 100%; } .mframe{ width:310px;height: 100%; } } ,

    Asked by tyjn, April 3, 2017

    0 votes
    2 answers
12. Проблема с отображением CSS и HTML

    Проблема такая: создаю HTML-файл, сохранив на рабочий стол. Захожу- открывает все как надо: страница содержит в себе CSS-элементы, включая картинку на заднем фоне. В body я прописал <img src="..."> - картинка видна. Вывод: все работает. Теперь следующее: этот же файл я перенес в папку, чтобы не занимало лишнего пространства на рабочем столе. Но подвох в том, что, открыв его(HTML-файл), выходит не то, что описал в первом абзаце. Вместо красиво оформленной страницы появляется голая страница, в которой, кроме body, ничего нет. Да и то <img src="..."> отображается как незагруженная/ненайденная картина. Т.е. CSS не делает свое дело, а тэг <img> не работает.…

    Asked by SlipSSLucker, April 3, 2017

    • html
    • css
    0 votes
    3 answers
13. Дополнительная линия у фона

    Добрый день, гуру верстальщики Намучился с непонятным багом с которым столкнулся впервые. Есть две проблемы в шапке и подвале к фону добавляется линия. В начале подумал у boostrapа рамки, но оказалось нет все равно по отключал (boorder:none !important;) но не помогло. Через компьютер нормально, через телефон galaxy s6 стандартный браузер "Интернет" появляется линия. Собственно сами косячки: Отключаю фон, соответственно и линия пропадает, так я понял что дело в фоне. После думал что вырезал косячно сам элемент, но и тут все норм нарезал разных вариантов jpg, png без разницы все равно не пропадает. сам сайт dpk . kz буду очень признателен если кто…

    Asked by musulman, April 3, 2017

    0 votes
    2 answers
14. Ищу хороший free bootsrap 3.3 темплейт для форума

    Посоветуйте, пожалуйста хороший free bootsrap 3.3 темплейт для форума... Я гуглом конечно искал - но нахожу или платные или очень старые Хочется попрактиковаться... Спасибо!

    Asked by mstdmstd, April 4, 2017

    0 votes
    4 answers
15. Скип к топу страницы при активации анимации

    Добрый день. Делаю фиксированый, выезжающий по клику блок. $( ".fixedmenu .close" ).on( "click", function() { $( ".fixedmenu" ).toggleClass( "open" ); }); .fixedmenu { position: fixed; left: -335px; top: 150px; padding: 10px 30px 10px 10px; background: #fff; border-radius: 10px; box-shadow: 0 0 5px 0px #000; z-index: 10; width: 325px; transition: left .5s ease 0s; -o-transition: left .5s ease 0s; -moz-transition: left .5s ease 0s; -webkit-transition: left .5s ease 0s; -ms-transition: left .5s ease 0s; } .fixedmenu.open {left: 10px;} Сколлю страницу вниз, жму на селектор - анимация происходит - но страни…

    Asked by Indorill24Empty, April 4, 2017

    0 votes
    2 answers
16. Сайт на php

    У меня есть сайт на hostinger. Он в html-формате. Если я сменю формат на php, и добавлю туда некоторые строки php-кода, он будет работать на php? Возможно, вопрос будет не понятен или даже глупым, но только так пока сформулировал вопрос.

    Asked by ErUnDAK, April 4, 2017

    • php
    • html
    0 votes
    5 answers
17. Эффект обводки текста

    Здравствуйте! Скажите как добавить эффект обводки тексту средствами css3 ?

    Asked by stan07, April 4, 2017

    0 votes
    2 answers
18. Как лучше верстать резиновую карточку товара?

    Страница с каталогом туров в виде карточек, фоном на всю карточку идет изображение. На мобильных карточки располагаются друг под другом и до планшета должны тянуться. Как сделать так, чтобы при увеличении окна эти карточки растягивались пропорционально по ширине и высоте. Если изображение сделать фоном, то при изменении области просмотра карточки растягиваются только по ширине, что некрасиво, вставлять изображение через тег img тоже не то. То есть, по сути, нужно, чтобы первоначальные пропорции контейнера сохранялись при увеличении окна от мобильного представления до планшетного. Я так понимаю, тут не обойтись без javascript?

    Asked by black_c, April 5, 2017

    • верстка
    • css
    0 votes
    1 answer
19. При обновлении страницы съезжает блок меню

    Здравствуйте. Подскажите пожалуйста как решить проблему с версткой. На сайте http://dsraduga.ru при обновлении страницы блок меню с картинкой на секунду съезжает влево потом встает на место. Буду признателен.

    Asked by Alex75, April 5, 2017

    0 votes
    1 answer
20. Не понятно откуда берется иконка на странице

    Добрый день! Вот страница http://boston.cafe18.ru. Там есть такие иконки http://joxi.ru/YxAe31qSzVyGmy. Я просмотрел в коде и css указания на файлы и не могу никак понять как они вставляются. Нигде не вижу пути до иконок.

    Asked by smirn0ff, April 5, 2017

    0 votes
    1 answer
21. Не работает медконсультант

    Добрый день! На многих сайтах использую один и тот же код консультанта (нижний правый угол) , но на этом http://slimskin.ru/ он почему-то не открывается, хотя все добавлено так же.. Подскажите, в чем может быть дело?

    Asked by fowl, April 6, 2017

    0 votes
    0 answers
22. Фон меню

    Здравствуйте, учусь верстке. Хочу сделать при наведении на ссылку меню, фоновое изображение. Сделал коряво и все смещается, так как не очень разбираюсь в свойствах - display, position. Прошу помочь и по возможности ввести в курс дела! Код: #menu { text-align: center; text-decoration: none; font-weight: bold; margin-left: 100px; } #menu ul{ } #menu ul li{ float: left; margin-right: 106px; margin-top: 40px; } #menu ul li a{ color: #6b4848; text-align: center; display: block; } .activ, #menu ul li a:hover{ background: url(../images/menu1.png); width: 150px; height: 30px; background-position: center; } <div id="menu"> <ul> &l…

    Asked by glarks, April 5, 2017

    • меню
    • фон
    • bg
    0 votes
    1 answer
23. Квадратные скобки в JavaScript

    Объясните поподробнее, почему в 24 строчке i пишется в квадратных скобках? Как это работает?

    Asked by ErUnDAK, April 6, 2017

    • javascript
    • html
    0 votes
    1 answer
24. Различия в фиксированной вёрстке

    Всем привет. Может кто разъяснить один вопрос по фиксированной вёрстке. Пересмотрел несколько макетов. пытался сделать свой сайт, интересуясь как вообще делаются другие макеты. И заметил, что в некоторых из них все основные блоки (header, content или footer), расположены внутри родителя wrapper. То есть родитель имеет, например ширина 1200px, а остальные блоки внутри него уже делят эту ширину. Но меня заинтересовал другой вид, где тоже есть контейнер-родитель wrapper, но он в свою очередь растянут на весь экран. А все основные блоки, уже каждый отдельно, имеют свою ширину и отдельно центрируются. Вот я и хотел узнать, какие плюсы и минусы могут быть у …

    Asked by Tascan, April 7, 2017

    0 votes
    2 answers
25. Не удается скопировать CSS анимацию

    Здравствуйте, наткнулся на простую CSS анимацию свойством animation, но что-то она у меня не запускается - просто стоит посередине кнопки и все. Помогите пожалуйста. Пытаюсь скопировать "перелив" с кнопки Смотреть тут http://ma******.ru/ .b-button_animation { animation: 4s ease 0s normal none infinite running flash-button; background-image: -moz-linear-gradient(0px 0 , rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0) 40%, rgba(255, 255, 255, 0.6) 45%, rgba(255, 255, 255, 0) 50%); background-position: -150px -150px, 0 0; background-size: 250% 450%, 100% 100%; } .b-button_common-black { background: #686868; /* Old browsers */ background:…

    Asked by Miha1l, April 7, 2017

    • animation
    0 votes
    2 answers