SEO Сообщество: Спрашивайте и помогайте
Присоединяйтесь к сообществу профессиональных веб-мастеров PR-CY, отвечайте на вопросы коллег и задавайте свои.
Присоединяйтесь к сообществу профессиональных веб-мастеров PR-CY, отвечайте на вопросы коллег и задавайте свои.
RaspadPozor
08.11.2017 15:48
1 160
Поможем улучшить ваш сайт.
Для колонок есть специальные теги column-count,
а не белиберда написаная выше или ниже.
1) В css прописываешь стили:
.ohuet_ne_vstat {
-webkit-column-count:2;
-moz-column-count:2;
column-count:2;
}
.ohuet_ne_vstat {
-moz-column-width: 120px;
-webkit-column-width: 120px;
column-width: 120px;
}
.ohuet_ne_vstat {
-moz-column-rule: 1px solid #333;
-webkit-column-rule: 1px solid #333;
column-rule: 1px solid #333;
}
2. Ну а в статье в хтмл коде пишешь:
<p class="ohuet_ne_vstat">
Текст текст текст текст
Текст текст текст текст
Текст текст текст текст
Текст текст текст текст
Текст текст текст текст
Текст текст текст текст
Текст текст текст текст
Текст текст текст текст
Текст текст текст текст
Текст текст текст текст
Текст текст текст текст
Текст текст текст текст
Текст текст текст текст
Текст текст текст текст
Текст текст текст текст
Текст текст текст текст
Text text text text text
Text text text text text
Text text text text text
Text text text text text
Text text text text text
Text text text text text
Text text text text text
Text text text text text
Text text text text text
Text text text text text
Text text text text text
Text text text text text
Text text text text text
Text text text text text
Text text text text text
</p>
Вот накидал по быстрому результат:
http://link-info.ru
Можно и три колонки в статье, в count ставишь нужное число 3.
Завтра удалю пример...
1. Разбиваешь на две колонки
2. Задаешь ширину колонки
3. По желанию ставишь разделительную линию между колонками
Можешь просто первый стиль выбрать без ширины и разделителя,
как покайфу колдуй, если нужно колдовать с шириной и
разделителем, вписываешь все три примера, но только вместе.
И пишешь так:
.ohuet_ne_vstat {
-webkit-column-count:2;
-moz-column-count:2;
column-count:2;
-moz-column-width: 120px;
-webkit-column-width: 120px;
column-width: 120px;
-moz-column-rule: 1px solid #333;
-webkit-column-rule: 1px solid #333;
column-rule: 1px solid #333;
}
чтобы не было дублей стилей, это так, на заметку...
Пусть так:
<div style="width:100%; margin:15px auto;">
<div style="width:50%; float:left;"><p>Русский текст</p></div>
<div style="width:50%; float:right;"><p>Англицкий текст</p></div>
</div>
Настройте css как нужно/угодно.
Можно с position: absolute; и задать соотвественно right:0; и left: 0; обеим блокам
Ещё был flex , но на практике мало кто использует, обычно float или inline-block
Стоит мультязычный сайт ваять. Но раз неизвестны деление страницы пополам. то...стоит ли?..
Какие-то невнятные желания. Причем - без телекпатической связи понять суть - предельно сложно :)