[ Поиск ] - [ Пользователи ] - [ Календарь ]
Полная Версия: Как поменять местами верх и низ?
Владимир55
Оптимизаторы утверждают, что контент, находящийся в начале кода страницы, для поисковиков важнее контента в других местах. А потому нужно строить страницу так, чтобы самая важная часть была первой.

Но если меню находится слева, то получается все наоборот: сначала идет малозначимый блок с меню и сопутствующая лирика, а основной контент идет позже.

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

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

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

(Года три назад я этим вопросом уже занимался и мне это даже удалось, но теперь не могу вспомнить, как именно. Манипулирую вот с этим макетом http://fh7929mi.bget.ru/702.html, но бесполезно).
depp
левую и правую колонки поменять местами в выводе.
для колонки с контентом прописать float: right;
sergeiss
Цитата (Владимир55 @ 8.12.2016 - 18:36)
Как это сделать?

Если кратко ответить, то ответ будет "посредством CSS", если такой ответ тебя устроит smile.gif
А более детально надо смотреть в зависимости от того, что именно ты хочешь получить. Можно использовать и float, можно использовать и абсолютное позиционирование. Последнее может быть особенно полезным, если ты хочешь блок с важно инфой разместить внизу страницы, но чтобы она шла в коде раньше.

_____________
* Хэлп по PHP
* Описалово по JavaScript
* Хэлп и СУБД для PostgreSQL

* Обучаю PHP, JS, вёрстке. Интерактивно и качественно. За разумные деньги.

* "накапливаю умение телепатии" (С) и "гуглю за ваш счет" (С)

user posted image
Guest
z-index
sergeiss
Цитата (Guest @ 9.12.2016 - 02:34)
z-index

Он меняет положение "перпердикулярно" экрану. А ТС о другом говорит, о выводе блоков не в том порядке, как они идут в HTML.

Владимир55, еще вариант, кстати, можно изменить структуру данных с помощью JS.

_____________
* Хэлп по PHP
* Описалово по JavaScript
* Хэлп и СУБД для PostgreSQL

* Обучаю PHP, JS, вёрстке. Интерактивно и качественно. За разумные деньги.

* "накапливаю умение телепатии" (С) и "гуглю за ваш счет" (С)

user posted image
SerginhoLD
какое только говно тут не посоветуют, во-первых не парься, это все фигня, какой блоr где находится, лет 10-15 назад может это важно было

во-вторых самый лучший совет из здешних

float: left для колонок заменить на right и поменять колонки в коде местами

в 2016 году это делается так:

1. сетка верстается с помощью flex
2. для смены колонок местами есть свойство order
3. для устаревших дерьмо-браузеров подключается js-polyfill для flex

_____________
"internet explorer всех правильней отображает страницы" ©
Владимир55
Цитата (SerginhoLD @ 9.12.2016 - 07:11)
1. сетка верстается с помощью flex
2. для смены колонок местами есть свойство order
3. для устаревших дерьмо-браузеров подключается js-polyfill для flex

Спасибо, я так и сделал - display: flex плюс order:1 и order:2
Быстрый ответ:

 Графические смайлики |  Показывать подпись
Здесь расположена полная версия этой страницы.
Invision Power Board © 2001-2024 Invision Power Services, Inc.