Jump to content

Livitan

Newbie
  • Posts

    16
  • Joined

  • Last visited

  • Days Won

    2

Everything posted by Livitan

  1. Вы указали для ul a display:inline-block , это значит что он ведет себя сначала как строка, а потом как блок, а строки не имеют свойства занимать всю высоту по умолчанию, если изменить в свойстве display , значение на block . То все получится.
  2. Добрый день Михаил, мне кажется что не только для пользователей этого форума идет скидка Поправьте если ошибаюсь.
  3. Привет, делается с помощью position:absolute; для лейбла. https://jsfiddle.net/g547wjwf/ Еще можно через ::before.
  4. Доброго, https://jsfiddle.net/Lxe3h9ev/ так я понимаю?
  5. Для удобства лучше бы ты залил свои исходники на какую то песочницу, типа https://jsfiddle.net/ Качать архивы с html кодом в 2016 это такое... Кстати советую посмотреть в сторону zip архивов и оценить его преимущества.
  6. Привет, дело в том что адаптировать сайт для моб устройств, в теге head, должен присутствовать мета тег Viewport, Добавь эту строчку и зайди с мобильного <meta name="viewport" content="width=device-width, initial-scale=1"> Так же у тебя не указан доктайп документа, в HTML5 это просто <!DOCTYPE html> на 1 строчке твоего HTML файла. Так же нужно указать кодировку документа, это тоже мета тег который пишется внутри тега head <meta charset="utf-8"> Почитай про обязательные мета теги и указание типа документа html
  7. Зашел на страницу , нашел input , но стилей в <style>...</style> я не нашел, все стили что там есть ведут только в style.css. Может сделаешь скриншот в инспекторе что ты видишь и какие стили лишние
  8. Здравствуйте, у вас размеры заданы фиксированные в px , возможно при разных ситуациях (размеры экрана, другие елементы на странице и т.д.) , кнопка выпадает, попробуйте задать всем элементам в форме, относительные величины, то есть % , возможно это поможет.
  9. Для <section id="main"> нужно добавить стиль background-size: cover; а точнее раскомментировать на 26 строчке в файле style.css и все будет работать. Дальше , чувак, ты не хочешь слушать других, смысл тебе писать тут сообщения если ты видишь только то что хочешь видить, тебе сказал alejandro13 , что в хроме такая же полоса, но у тебя все нормально.Но ты не прав, в хроме такая же полоса, вот тебе скриншот http://sunpic.me/VoerqohJ/x Можешь увеличить и присмотреться. Еще я глянул твой профиль, ты зареган тут столько же времени как я, подозреваю что верстать ты начал раньше чем я, ибо в ноябре я сюда скинул первую свою верстку на обозрение. И мне искренне жаль тебя и твоих работодателей ибо за этот год ты не научился ничему, ты пишешь ужасный хардкод , который сам не можешь разобрать и понять как что работает. Научись учиться и прислушиваться к другим, upd Добавил гифку что бы не плодил опять сообщения с текстом: как? у меня не работает? http://sunpic.me/qf8GdBT_/report
  10. Привет Дмитрий, нашел у тебя ошибки в семантике. В секции 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 со смыслом а не просто для галочки, что они есть в разметке.
  11. Добрый день, если я правильно вас понял то можно взять готовый код в bootsrtap. http://getbootstrap.com/javascript/#tabs https://jsfiddle.net/koxr0hp2/
  12. http://codepen.io/anon/pen/BjdEJq вот сделал тебе песочницу, расскоментируй сверху вниз и поймешь , нижний твой
  13. https://jsfiddle.net/cqtcjxbd/3/ Ну что б не вылазило за поля конейнера, вот так ?
  14. Да, все верно,я же написал что прохожу интерактивные курсы, это готовый код, который сверстал я, то есть : это картинка из HTMLAcademy , а код лично мой. но почитал потом коментарии , и у каждого свои варианты кода, вот я и спрашиваю у вас, такая тактика как у меня, это хорошая практика или как то можно оптимизировать или сократить код. Спасибо!
  15. Всем привет, учусь на интерактивных курсах, вот сегодня сверстал первый свой код htmll и css. Если есть у кого то время, проанализируйте, может где то можно сократить, где то исправить, хочу с самого начала учиться правильно, а так как наставника нет, прошу помощи у вас. Спасибо! https://jsfiddle.net/cqtcjxbd/
×
×
  • Create New...

Important Information

We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue. See more about our Guidelines and Privacy Policy