Как на компах разместить 2 баннера в одну линию а на мобильных друг под другом одновременно?

174

kapper

11 августа 2017, 16:21

2510

Стояли 2 квадрата баннеров гугла под текстом в один ряд как надо, на мобильных ложились друг под друга, между ними только значок   был.

Решил 1 код баннера сменить на яндекс и эти 2 квадрата друг под друга встали, хотя справа место есть пустое под второй (некрасиво). Далее нашел код как сделать их на одном уровне:

<tbody>

<tr>

<td style="text-align: center;">код баннера</td>

</tr>

</tbody>

</table>

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

M

108

m0ntag

11 августа 2017, 18:59

#1

примерно так

@media screen and (max-width:950px) {.tizzzbot table td {display:inline} }

В данном случае таблица обернута в div с классом tizzzbot.

А "max-width:950px" указывает что в "инлайн" таблица переходит при разрешении ниже 950пх, можно свое вписать

В общем, должно быть так

2

H

105

hubbiton

11 августа 2017, 19:35

#2

Копать отсюда: https://www.google.ru/search?q=bootstrap

S

469

Sitealert

11 августа 2017, 19:37

#3

hubbiton, ну Вы залудили...🤣

1

Отпилю лишнее, прикручу нужное, выправлю кривое. Вытравлю вредителей.

126

Neptoon

11 августа 2017, 21:02

#4

Sitealert:
hubbiton, ну Вы залудили...🤣

Типа он самый умный..

Drive your way

92

Виталий

12 августа 2017, 09:38

#5

Мануал https://wp-r.ru/blog/webmastering/kak-razmestit-2-bloka-obyavlenij-rsya-ili-adsense-ryadom-v-odnu-liniyu.html

W

86

wanick

13 августа 2017, 10:29

#6

Не знаю конечно какие у вас габариты баннеров , но вот пример адаптивно расположенных 2х баннеров , на широком экране - рядом , на узком - друг под другом

https://jsfiddle.net/55uczkpd/

VK приобрела 70% в структуре компании-разработчика red_mad_robot

Что делать, если ваша email-рассылка попала в спам