LyalinDV

а можно пожалуйста готовый код?

Для чайников так сказать...

div {

    display:table;

    width:100%

}



div > div{

    display:table-cell;

    text-align:left;

    vertical-align:top;

}

div {

    display:block;

    letter-spacing:-0.3em;

}



div > div{

    display:inline-block;

    letter-spacing:normal;

}

и как это сделать?

мне необходима таблица из 5 ячеек, которая зафиксирована по центру таблицы. При уменьшении экрана ячейки должны спускать вниз, но закреплены по центру..

---------- Добавлено 03.03.2016 в 13:37 ----------

Вот пример: http://mirkosmosa.ru/lunar-calendar/haircut/2016

Не пойму в чем дело... Вставляю на страницу код:

<center><script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>

<!-- Amin1 -->

<ins class="adsbygoogle Amin1"

style="display:inline-block"

data-ad-client="ca-pub-71986011941195ХХ"

data-ad-slot="48568385ХХ"></ins>

<script>

(adsbygoogle = window.adsbygoogle || []).push({});

</script></center>

Обновляю страницу, код не показывается. Захожу на редактор страниц, вижу что код стал:

<center><script src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js" async=""></script>

<!-- Amin1 -->

<ins class="adsbygoogle Amin1" style="display: inline-block;" data-ad-client="ca-pub-71986011941195ХХ" data-ad-slot="48568385ХХ"></ins>

<script>// <![CDATA[ (adsbygoogle = window.adsbygoogle || []).push({});

// ]]></script></center>

Что за хрень такая? Сайт на WP

По инструкции так:

"Замените все экземпляры example_responsive_1 названием своего рекламного блока. Вместо пробелов используйте символ подчеркивания "_", например Главная_страница."

Что-то не понимаю.

Добавляю в CSS:

<style>

.Реклама { width: 336px; height: 280px; }

@media(min-width: 600px) { .Реклама { width: 580px; height: 400px; } }

@media(min-width: 800px) { .Реклама { width: 580px; height: 400px; } }

</style>

Вставляю в нужное место:

<p style="text-align: center;"><script src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js" async=""></script>

<!-- Реклама -->

<ins class="adsbygoogle Реклама"

style="display:inline-block"

data-ad-client="ca-pub-71986011941195XX"

data-ad-slot="69508505XX"></ins>

<script>

(adsbygoogle = window.adsbygoogle || []).push({});

</script></p>

Ничего не показываю.

Но стоит скопировать код с Адсенсе:

<script src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js" async=""></script>

<!-- Реклама -->

<ins class="adsbygoogle" style="display: block;" data-ad-client="ca-pub-71986011941195XX" data-ad-slot="69508505XX" data-ad-format="auto"></ins>

<script>// <![CDATA[ (adsbygoogle = window.adsbygoogle || []).push({});

// ]]></script>

все работает.

Что я делаю не так?

Получается

<style>

.example_responsive_1 { width: 320px; height: 100px; }

@media(min-width: 500px) { .example_responsive_1 { width: 468px; height: 60px; } }

@media(min-width: 800px) { .example_responsive_1 { width: 728px; height: 90px; } }

</style>

вставляем в файл CSS, а это:

<script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>

<!-- example_responsive_1 -->

<ins class="adsbygoogle example_responsive_1"

style="display:inline-block"

data-ad-client="ca-pub-XXXXXXX11XXX9"

data-ad-slot="8XXXXX1"></ins>

<script>

(adsbygoogle = window.adsbygoogle || []).push({});

</script>

уже в то место, где хотим видеть рекламу?

Пройдет ли на Мобилопригодность такой тип таблиц с горизонтальной прокруткой:

http://zurb.com/playground/responsive-tables

?

Я к тому, что для мобильных пользователей мой сайт вроде как не плохо выглядит и так. По ПФ не уступает детскопу, по запросам многим выше википедии с пометкой моб.

Написал сайт в ЛС

---------- Добавлено 22.02.2016 в 17:49 ----------

Неужели мобилопригодность как фактор ранжирования настолько сильнее чем ссылочное и ПФ ? Мне если честно слабо верится, что мой сайт совсем перестанут показывать поисковики

да вроде неплохой, но при этом потеряется весь функционал. С таблицами решения толкового до сих пор нет, опять же горизонтальная прокрутка и фотографии.... Да и страниц на сайте много. Некоторые очень большие, до 30000 знаков + таблицы и графика. На мобилке это выглядит как бесконечный спойлер.

У пользователей спрашивал, большинство высказало мнение, что это неудобно. Да и смартфоны сейчас в большинстве имею большие дисплее.