Livitan
-
Posts
16 -
Joined
-
Last visited
-
Days Won
2
Recent Profile Visitors
743 profile views
Livitan's Achievements
-
Вы указали для ul a display:inline-block , это значит что он ведет себя сначала как строка, а потом как блок, а строки не имеют свойства занимать всю высоту по умолчанию, если изменить в свойстве display , значение на block . То все получится.
-
Хостинг MeraHost — Отзывы, новости, халява, акции
Livitan replied to MeraHost's topic in Paid Hosting
Добрый день Михаил, мне кажется что не только для пользователей этого форума идет скидка Поправьте если ошибаюсь. -
как можно реализовать лейбл с процентом скидки на фоне круга
Livitan replied to mstdmstd's question in HTML Coding
Привет, делается с помощью position:absolute; для лейбла. https://jsfiddle.net/g547wjwf/ Еще можно через ::before. -
Доброго, https://jsfiddle.net/Lxe3h9ev/ так я понимаю?
-
Для удобства лучше бы ты залил свои исходники на какую то песочницу, типа https://jsfiddle.net/ Качать архивы с html кодом в 2016 это такое... Кстати советую посмотреть в сторону zip архивов и оценить его преимущества.
-
css Шапка и подвал не хочет адаптироваться под экран
Livitan replied to FlixTheBro's question in HTML Coding
Привет, дело в том что адаптировать сайт для моб устройств, в теге head, должен присутствовать мета тег Viewport, Добавь эту строчку и зайди с мобильного <meta name="viewport" content="width=device-width, initial-scale=1"> Так же у тебя не указан доктайп документа, в HTML5 это просто <!DOCTYPE html> на 1 строчке твоего HTML файла. Так же нужно указать кодировку документа, это тоже мета тег который пишется внутри тега head <meta charset="utf-8"> Почитай про обязательные мета теги и указание типа документа html -
style.css Стилизация элемента, принципиальный вопрос!
Livitan replied to karakymg's question in HTML Coding
Зашел на страницу , нашел input , но стилей в <style>...</style> я не нашел, все стили что там есть ведут только в style.css. Может сделаешь скриншот в инспекторе что ты видишь и какие стили лишние -
Здравствуйте, у вас размеры заданы фиксированные в px , возможно при разных ситуациях (размеры экрана, другие елементы на странице и т.д.) , кнопка выпадает, попробуйте задать всем элементам в форме, относительные величины, то есть % , возможно это поможет.
-
Для <section id="main"> нужно добавить стиль background-size: cover; а точнее раскомментировать на 26 строчке в файле style.css и все будет работать. Дальше , чувак, ты не хочешь слушать других, смысл тебе писать тут сообщения если ты видишь только то что хочешь видить, тебе сказал alejandro13 , что в хроме такая же полоса, но у тебя все нормально.Но ты не прав, в хроме такая же полоса, вот тебе скриншот http://sunpic.me/VoerqohJ/x Можешь увеличить и присмотреться. Еще я глянул твой профиль, ты зареган тут столько же времени как я, подозреваю что верстать ты начал раньше чем я, ибо в ноябре я сюда скинул первую свою верстку на обозрение. И мне искренне жаль тебя и твоих работодателей ибо за этот год ты не научился ничему, ты пишешь ужасный хардкод , который сам не можешь разобрать и понять как что работает. Научись учиться и прислушиваться к другим, upd Добавил гифку что бы не плодил опять сообщения с текстом: как? у меня не работает? http://sunpic.me/qf8GdBT_/report
-
Резиновая верстка. (1200px) Первый раз по БЭМу.
Livitan replied to DmitryPavlov's topic in Discussion of works
Привет Дмитрий, нашел у тебя ошибки в семантике. В секции portfolio <figure class="gallery__pic"> <img class="gallery__pic-img" src="images/gallery-image.png" alt=""> <a href="#" class="gallery__link"> <figcaption class="gallery__pic-text">Click here for details</figcaption> </a> </figure> Ошибка в том что тег figcaption должен быть внутри figure , либо первым либо последним чаилдом (child), у тебя он внутри тега a. Правильное использование в твоем случае выглядело так бы ... <figure class="gallery__pic"> <img class="gallery__pic-img" src="images/gallery-image.png" alt=""> <figcaption class="gallery__pic-text"> <a href="#" class="gallery__link">Click here for details</a> </figcaption> </figure> Но было бы снова неправильно , т.к. по спецификации тег figcaption используется для описания заголовка или надписи тега figure. У тебя это просто тег обертка для ссылки с одним и тем же текстом для всех элементов. Для примера, если на сайт зайдет человек с нарушением работы органов зрения и будет использовать голосовой сканридер то все твои работы в портфолио будут для него всего лишь текстом Click here for details , и не принесут никакого логического смысла. Для примера вот тебе разметка, прочитав атрибут alt и тег figcaption можно понять что находиться на картинке, в твоем случае нет. <figure aria-labelledby="operahouse"> <img src="operahousesteps.jpg" alt="Сиднейский оперный театр"/> <figcaption id="operahouse_1">Здесь мы увидели оперу <cite>Севильский цирюльник</cite></figcaption> </figure> Теперь ты будешь использовать теги HTML5 со смыслом а не просто для галочки, что они есть в разметке. -
Добрый день, если я правильно вас понял то можно взять готовый код в bootsrtap. http://getbootstrap.com/javascript/#tabs https://jsfiddle.net/koxr0hp2/
-
Как выровнить текст по центру по вертикали в блоке?
Livitan replied to nikki4's question in HTML Coding
А где собственно картинки? -
Livitan changed their profile photo
-
Как сделать логотип адаптивным, если изображение является фоном (background-image)?
Livitan replied to volshebnyi's question in HTML Coding
http://codepen.io/anon/pen/BjdEJq вот сделал тебе песочницу, расскоментируй сверху вниз и поймешь , нижний твой -
https://jsfiddle.net/cqtcjxbd/3/ Ну что б не вылазило за поля конейнера, вот так ?
-
Да, все верно,я же написал что прохожу интерактивные курсы, это готовый код, который сверстал я, то есть : это картинка из HTMLAcademy , а код лично мой. но почитал потом коментарии , и у каждого свои варианты кода, вот я и спрашиваю у вас, такая тактика как у меня, это хорошая практика или как то можно оптимизировать или сократить код. Спасибо!
