Валидность HTML. Консультации по исправлению ошибок. Постоянная акция!!!

Автор Тема: Валидность HTML. Консультации по исправлению ошибок. Постоянная акция!!!  (Прочитано 60839 раз)

Оффлайн СтарыйАвтор темы

  • Бизнес оценка: (9, 100%)
  • КМС
  • *****
  • СПАСИБО: 1619
  • Сообщений: 4971
  • Карма: 154
  • Ищу работу постоянную, удалённую с окладом.
  • Награды Более одной тысячи спасибо КМС поисковой оптимизации
    • Просмотр профиля

Оффлайн СтарыйАвтор темы

  • КМС
  • *****
  • Доп. информация
    • Бизнес оценка: (9, 100%)
    • СПАСИБО: 1619
    • Сообщений: 4971
    • Карма: 154
    • Ищу работу постоянную, удалённую с окладом.
    • Награды Более одной тысячи спасибо КМС поисковой оптимизации
      • Просмотр профиля


Оффлайн Zhezkazganetcs

  • Бизнес оценка: (0)
  • КМС
  • *****
  • СПАСИБО: 823
  • Сообщений: 2044
  • Карма: 40
  • Пол: Мужской
  • время дороже денег...
    • Просмотр профиля
    • магазин запчастей АвтоСТОП
  • Доп. информация
    • Бизнес оценка: (0)
    • СПАСИБО: 823
    • Сообщений: 2044
    • Карма: 40
    • Пол: Мужской
    • время дороже денег...
      • Просмотр профиля
      • магазин запчастей АвтоСТОП
еще 1 вопрос
как красиво сделать расположение телефонов для мобильной версии?
(нажмите чтобы показать/скрыть)

Оффлайн СтарыйАвтор темы

  • Бизнес оценка: (9, 100%)
  • КМС
  • *****
  • СПАСИБО: 1619
  • Сообщений: 4971
  • Карма: 154
  • Ищу работу постоянную, удалённую с окладом.
  • Награды Более одной тысячи спасибо КМС поисковой оптимизации
    • Просмотр профиля

Оффлайн СтарыйАвтор темы

  • КМС
  • *****
  • Доп. информация
    • Бизнес оценка: (9, 100%)
    • СПАСИБО: 1619
    • Сообщений: 4971
    • Карма: 154
    • Ищу работу постоянную, удалённую с окладом.
    • Награды Более одной тысячи спасибо КМС поисковой оптимизации
      • Просмотр профиля
как исправить чтобы все телефоны со значками были с новой строки и увеличить расстояние между строками?

Нужно обернуть каждую конструкцию в слой:
Код:
Только зарегистрированные пользователи могут видеть код. Пожалуйста, войдите или зарегистрируйтесь.
А потом добавить стили, основной и поведение в @media.

Основной стиль для ПК наверное сами сможете прописать?

А в @media, для мобильного отображения, пригодятся следующие свойства:
display:block; - отображать как блок
width:100%; - ширина 100% (но может появиться горизонтальная прокрутка, если есть border)
clear:both; - отменить обтекание

Отступы:
margin - внешние, снаружи блока.
padding - внутренние, внутри блока.

У обоих правил принцип одинаковый:
margin:1px; - отступы установлены одновременно от каждого края.
margin:1px 2px; - первое значение отступ от верхнего и нижнего края, второе — от левого и правого.
margin:1px 2px 3px; - первое значение от верхнего края, второе — одновременно от левого и правого края, а третье — от нижнего края.
margin:1px 2px 3px 4px; - устанавливается отступ от верхнего, правого, нижнего и левого края.

Можно указывать в других единицах, например в %.
Значения могут быть положительными и отрицательными.

auto - Указывает, что размер отступов будет автоматически рассчитан браузером.
inherit - Наследует значение родителя.

Оффлайн Zhezkazganetcs

  • Бизнес оценка: (0)
  • КМС
  • *****
  • СПАСИБО: 823
  • Сообщений: 2044
  • Карма: 40
  • Пол: Мужской
  • время дороже денег...
    • Просмотр профиля
    • магазин запчастей АвтоСТОП
  • Доп. информация
    • Бизнес оценка: (0)
    • СПАСИБО: 823
    • Сообщений: 2044
    • Карма: 40
    • Пол: Мужской
    • время дороже денег...
      • Просмотр профиля
      • магазин запчастей АвтоСТОП
Старый, и имел ввиду с новой строки для мобильных
а так и для пк все с новой строки, если прописывать <div class="NewClass">
Основной стиль для ПК наверное сами сможете прописать?
основной прописан
может не так как должно быть, но вроде все норм
а с мобильной версией некрасиво

Оффлайн СтарыйАвтор темы

  • Бизнес оценка: (9, 100%)
  • КМС
  • *****
  • СПАСИБО: 1619
  • Сообщений: 4971
  • Карма: 154
  • Ищу работу постоянную, удалённую с окладом.
  • Награды Более одной тысячи спасибо КМС поисковой оптимизации
    • Просмотр профиля

Оффлайн СтарыйАвтор темы

  • КМС
  • *****
  • Доп. информация
    • Бизнес оценка: (9, 100%)
    • СПАСИБО: 1619
    • Сообщений: 4971
    • Карма: 154
    • Ищу работу постоянную, удалённую с окладом.
    • Награды Более одной тысячи спасибо КМС поисковой оптимизации
      • Просмотр профиля
Для ПК в основном подклассе (NewClass) пропишите ширину и выравнивание блоков по левому или по правому краю (float:left), тогда на широком экране они выстроятся в одну строку. При уменьшении разрешения, благодаря @media начнут занимать 100% ширину и выстраиваться с новой строки, один под другим.

У вас сейчас в одном слое несколько не связанных элементов - картинка (IMG), ссылка (A), строка (SPAN). Для нормального поведения их нужно объединить в блоки, т.е. блок (DIV), а в нём 1 картинка (IMG), 1 ссылка (A), 1 строка (SPAN). И так для каждого номера телефона. И только после этого можно управлять поведением этих блоков (<div class="NewClass">).

Можете попробовать привязать только картинки (.phoneNumber img {}), т.е. внутри вашего слоя с классом "phoneNumber" всё будет выстраиваться относительно картинок. Но как поведут себя остальные элементы, ссылка и строка, не знаю.
Поэтому лучше их всё-таки объединить, а потом управлять.


Оффлайн Надежда Хачатурова

  • Бизнес оценка: (10, 100%)
  • КМС
  • *****
  • СПАСИБО: 3464
  • Сообщений: 3816
  • Карма: 450
  • Пол: Женский
  • Аудит, seo-оптимизации
  • Награды Более трех тысяч спасибо Мастер поисковой оптимизации SEO-специалист
    • Просмотр профиля
    • Блог Надежды Хачатуровой
  • Доп. информация
    • Бизнес оценка: (10, 100%)
    • СПАСИБО: 3464
    • Сообщений: 3816
    • Карма: 450
    • Пол: Женский
    • Аудит, seo-оптимизации
    • Награды Более трех тысяч спасибо Мастер поисковой оптимизации SEO-специалист
      • Просмотр профиля
      • Блог Надежды Хачатуровой
Старый, не подскажете, что это за предупреждение? На главной идут анонсы, поэтому 5 однотипных замечаний. Что можно изменить?

Warning: Consider using the h1 element as a top-level heading only (all h1 elements are treated as top-level headings by many screen readers and other tools).
From line 183, column 5; to line 183, column 28
">↩      ↩            <h1 class="entry-title">↩         <a
Аудит и оптимизация сайтов
Хостинг, который не подведет

Оффлайн СтарыйАвтор темы

  • Бизнес оценка: (9, 100%)
  • КМС
  • *****
  • СПАСИБО: 1619
  • Сообщений: 4971
  • Карма: 154
  • Ищу работу постоянную, удалённую с окладом.
  • Награды Более одной тысячи спасибо КМС поисковой оптимизации
    • Просмотр профиля

Оффлайн СтарыйАвтор темы

  • КМС
  • *****
  • Доп. информация
    • Бизнес оценка: (9, 100%)
    • СПАСИБО: 1619
    • Сообщений: 4971
    • Карма: 154
    • Ищу работу постоянную, удалённую с окладом.
    • Награды Более одной тысячи спасибо КМС поисковой оптимизации
      • Просмотр профиля
Это можно отнести к предупреждению или скорее совету, использовать заголовок H1 как можно выше на странице.
Такой совет выводится, если до него много кода, например, на странице выводится массивный слайдер где много кадров, потом меню, потом новости и анонс. И после всего этого вдруг H1.
Просто валидаторы не понимают задумки дизайнеров.  :)
Канонически считается, что H1 "первый" заголовок, название публикуемой статьи, а значит должен быть как можно ближе к <body>.  :)
Вот и вся странность.

Подчеркну. Это не ошибка, а совет, рекомендация.

Оффлайн podolspecpostach

  • Бизнес оценка: (0)
  • Дебютант
  • *
  • СПАСИБО: 0
  • Сообщений: 2
  • Карма: 0
    • Просмотр профиля

Оффлайн podolspecpostach

  • Дебютант
  • *
Добрый день. Прошу помочь мне с HTML 5 кодом для моего сайта. http://psp.co.ua/ - юридический услуги. прошу дать рекомендации по улучшению кода и стоимости Ваших услуг по исправлению кода. Заранее благодарен. Пишите на mail: psp01@ukr.net

Оффлайн GulyaiVasko77

  • Бизнес оценка: (0)
  • Дебютант
  • *
  • СПАСИБО: 0
  • Сообщений: 3
  • Карма: 0
    • Просмотр профиля

Оффлайн GulyaiVasko77

  • Дебютант
  • *
Спасибо вам за поддержку.


Оффлайн Zhezkazganetcs

  • Бизнес оценка: (0)
  • КМС
  • *****
  • СПАСИБО: 823
  • Сообщений: 2044
  • Карма: 40
  • Пол: Мужской
  • время дороже денег...
    • Просмотр профиля
    • магазин запчастей АвтоСТОП
  • Доп. информация
    • Бизнес оценка: (0)
    • СПАСИБО: 823
    • Сообщений: 2044
    • Карма: 40
    • Пол: Мужской
    • время дороже денег...
      • Просмотр профиля
      • магазин запчастей АвтоСТОП
Старый, у меня в подписи сторойматериалы
как задать максимальную ширину сайта (допустим 1400px)?


 

Похожие темы

  Тема / Автор Ответов Последний ответ
8 Ответов
1957 Просмотров
Последний ответ 14-03-2014, 15:37:27
от xwildx
712 Ответов
95019 Просмотров
Последний ответ 11-10-2014, 21:01:04
от erevan
181 Ответов
31983 Просмотров
Последний ответ 17-11-2014, 23:54:57
от agassi
45 Ответов
8725 Просмотров
Последний ответ 17-11-2016, 09:19:38
от Старый
136 Ответов
26490 Просмотров
Последний ответ 20-04-2018, 22:46:39
от Старый