Сдвинутый текст

Главные вкладки

Комментарии

Аватар пользователя Selpi Selpi 18 марта 2020 в 14:43

Вы копируете откуда-то текст вместе со стилями. Стили ваши вида: width: 50%, float: left; приводят к тому, что текст прижимается влево и занимает половину ширины страницы.

Аватар пользователя marassa marassa 18 марта 2020 в 15:40

Видите под меткой Body кнопку Source? Нажмите на нее, а потом уберите весь проявившийся мусор из Вашего текста.

Аватар пользователя VasyOK VasyOK 18 марта 2020 в 16:38

http://sands.kiev.ua/

Это что такое (?):
style.css строка 235

.content_left {
    height: 98%;
    width: 48%;
    padding: 1%;
    float: left;
}
.content_right
{
height:98%;
width:48%;
padding:1%;
float:left;
}

А это зачем:

.content_left > div {
    min-height: 1248px;
}

min-height, height, width - убирайте

id - должен быть на странице один. Это как номер патопорта гражданина.

<div id="table" style="margin:-6px 0 0 0;">

Если честно не знаю, какую ссылку на обучение CSS вам дать, т.к. сам не люблю учится.
Можете про флексбоксы почитать
https://tproger.ru/translations/how-css-flexbox-works/

Аватар пользователя VasyOK VasyOK 18 марта 2020 в 17:20

что не можете понять? Убирайте все
style="..."
из текствого редактора.
Не важно как они появились - при вставке из Ворда, кликаньем с Скэиторе.
Задавайте стили в css файлах.

создайте новый фомат ввода "html код" (без всяких настрйек)и используйте его - если нужны будут дивы в контенте. Скэитор к этому формату не привязывайте.

Аватар пользователя charOFF charOFF 18 марта 2020 в 17:46

Кажется там дело в чем-то другом. Див

, внутри которого этот контент, откуда берется? Он в шаблоне? На скрине редактора его не видно. И в исходном варианте страницы его нет: https://web.archive.org/web/20190825193459/http://sands.kiev.ua/node/21
Кстати, у вас в тексте ссылка на архив.орг.
Аватар пользователя charOFF charOFF 18 марта 2020 в 18:45

Прошу прощения, html из сообщения потерся конечно. Я хотел сказать Див .content_left

<div class="content_left">

, внутри которого этот контент ...