Здравствуйте!
Делаю сейчас сайт на блочной основе(где каждый элемент(картинка/текст) оформлены в виде квадратиков и размещены по сетке(нет, я не использую table) и допустим, что у меня есть в html'e такие моменты где блок текста следует перед блоком с картинкой, к примеру:
|
Код:
|
<div class="texttest">
<a href="#">
<h3>Заголовок</h3>
Здесь идёт разный текст бла бла бла
</a>
</div>
<div class="imagetest">
<img alt="" src="images/kartino4ka.jpg">
</div> |
В чём проблема: при изменении вида на адаптивное(при показе на мобильных устройствах) текст идёт перед картинкой, что не есть good. Помогите люди добрые статьями которые прочитав я смогу реализовать такой скрипт который когда ширина экрана будет меньше определённого будет менять данные два блока местами, либо кодом, но с комментариями(так как учиться всё-таки надо).
Также между данными блоками могут находиться блоки со стилем visibility:hidden, которые также будут удаляться с помощью remove(это я могу реализовать сам) когда ширина экрана будет меньше определённой. Не помешает-ли данный скрипт, если будет реализовываться перед скриптом со сменой местоположения блоков текста и картинки?