-
Posts
16 -
Joined
-
Last visited
-
Days Won
2
Content Type
Profiles
Forums
Calendar
Store
Posts posted by Livitan
-
-
В 12.08.2016 в 23:48, MeraHost сказал:
Только для пользователей HTMLFORUM мы предоставляем месяц бесплатного хостинга по любому тарифному плану.
Добрый день Михаил, мне кажется что не только для пользователей этого форума идет скидка
Поправьте если ошибаюсь.
-
Привет, делается с помощью position:absolute; для лейбла.
https://jsfiddle.net/g547wjwf/
Еще можно через ::before.
- 1
-
Доброго, https://jsfiddle.net/Lxe3h9ev/ так я понимаю?
-
Для удобства лучше бы ты залил свои исходники на какую то песочницу, типа https://jsfiddle.net/
Качать архивы с html кодом в 2016 это такое...
Кстати советую посмотреть в сторону zip архивов и оценить его преимущества.
-
12 часа назад, FlixTheBro сказал:
При этом заходя на сайт с любого мобильного устройства (тестировал на 3-х) выдаёт почему то другой результат.
Привет, дело в том что адаптировать сайт для моб устройств, в теге head, должен присутствовать мета тег Viewport,
Добавь эту строчку и зайди с мобильного
<meta name="viewport" content="width=device-width, initial-scale=1">
Так же у тебя не указан доктайп документа, в HTML5 это просто
<!DOCTYPE html>
на 1 строчке твоего HTML файла.
Так же нужно указать кодировку документа, это тоже мета тег который пишется внутри тега head
<meta charset="utf-8">
Почитай про обязательные мета теги и указание типа документа html
-
Зашел на страницу , нашел input , но стилей в <style>...</style> я не нашел, все стили что там есть ведут только в style.css.
Может сделаешь скриншот в инспекторе что ты видишь и какие стили лишние
-
В 03.11.2016 в 09:06, b-ars07 сказал:
Здравствуйте, уважаемые форумчане) Помогите с небольшой проблемой. Криво отображается блок в Firefox. Хотя в Chrome все нормально.
Здравствуйте, у вас размеры заданы фиксированные в px , возможно при разных ситуациях (размеры экрана, другие елементы на странице и т.д.) , кнопка выпадает,
попробуйте задать всем элементам в форме, относительные величины, то есть % , возможно это поможет.
-
19 часов назад, https сказал:
вопрос -как исправить?
Для <section id="main"> нужно добавить стиль background-size: cover;
а точнее раскомментировать на 26 строчке в файле style.css и все будет работать.
Дальше , чувак, ты не хочешь слушать других, смысл тебе писать тут сообщения если ты видишь только то что хочешь видить, тебе сказал alejandro13 , что в хроме такая же полоса, но у тебя все нормально.Но ты не прав, в хроме такая же полоса, вот тебе скриншот http://sunpic.me/VoerqohJ/x
Можешь увеличить и присмотреться.
Еще я глянул твой профиль, ты зареган тут столько же времени как я, подозреваю что верстать ты начал раньше чем я, ибо в ноябре я сюда скинул первую свою верстку на обозрение.
И мне искренне жаль тебя и твоих работодателей ибо за этот год ты не научился ничему, ты пишешь ужасный хардкод , который сам не можешь разобрать и понять как что работает.
Научись учиться и прислушиваться к другим,
upd
Добавил гифку что бы не плодил опять сообщения с текстом:
как? у меня не работает? -
Привет Дмитрий, нашел у тебя ошибки в семантике.
В секции 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.
-
3 часа назад, nikki4 сказал:
Из-за разной высоты заголовков едут картинки, из-а чего не красиво.
А где собственно картинки?
-
http://codepen.io/anon/pen/BjdEJq
вот сделал тебе песочницу, расскоментируй сверху вниз и поймешь , нижний твой
-
есть косяки https://jsfiddle.net/cqtcjxbd/2/
догадайся, куда надо вставить это свойство overflow: hidden;
https://jsfiddle.net/cqtcjxbd/3/
Ну что б не вылазило за поля конейнера, вот так ?
-
Так это же готовый код из HTMLAcademy
Да, все верно,я же написал что прохожу интерактивные курсы, это готовый код, который сверстал я,
то есть : это картинка из HTMLAcademy , а код лично мой.
но почитал потом коментарии , и у каждого свои варианты кода, вот я и спрашиваю у вас, такая тактика как у меня, это хорошая практика или как то можно оптимизировать или сократить код.
Спасибо!
-
Всем привет, учусь на интерактивных курсах, вот сегодня сверстал первый свой код htmll и css.
Если есть у кого то время, проанализируйте, может где то можно сократить, где то исправить, хочу с самого начала учиться правильно, а так как наставника нет, прошу помощи у вас.
Спасибо!
Непонятное поле
in HTML Coding
Posted
Вы указали для ul a display:inline-block , это значит что он ведет себя сначала как строка, а потом как блок, а строки не имеют свойства занимать всю высоту по умолчанию, если изменить в свойстве display , значение на block .
То все получится.