Дивы и новая строка

Эдуардoff

3 февраля 2020, 10:01

1050

Приветствую. Озадачился переносом сайта с самописа на вордпресс. Самопис старый, неудобный. Есть проблема как отображается информация на вордпрессе при переносе.

На старом сайте все на дивах. Например

<div class="subtitle">ВУЗ</div>
<div class="info">Новосибирский Государственный Технический Университет</div>

Эта конструкция выглядит так:

ВУЗ Новосибирский Государственный Технический Университет

При переносе в запись вордпресса она выглядит так

ВУЗ
Новосибирский Государственный Технический Университет

Ну допустим я пропишу дополнительные стили для class=»subtitle» как болд, но как заставить это быть в одной строке? У кого есть какие мысли?

Есть конечно вариант не прописывать отдельно стили, а прямо в таблице делать глобальные замены по шаблону типа

<div class="subtitle">ВУЗ</div>

сразу везде менять на

ВУЗ

, но вторая строка у меня все равно пойдет ниже, а тут уже глобально не поменяешь, ибо вузы разные, да и не знаю как работать с этими всякими ‘\r’

Sitealert

3 февраля 2020, 10:18

Гугли

display: inline;

display: inline-block;

ivan-lev

3 февраля 2020, 10:21

Эдуардoff:
class=»subtitle» как болд, но как заставить это быть в одной строке?

Где-нибудь там же в css

div.subtitle {display:inline;}

Оксиген

3 февраля 2020, 10:23

DIV — блочный элемент, поэтому по-умолчанию всегда будет с новой строки. Решение выше:

Sitealert:
display: inline;
display: inline-block;

Но если говорить про HTML разметку, то, на мой взгляд она сама по себе — неверная синтаксически. Или это список или заголовок, причем тут div’ы?

Эдуардoff

3 февраля 2020, 14:04

Оксиген:
DIV — блочный элемент, поэтому по-умолчанию всегда будет с новой строки. Решение выше:

Но если говорить про HTML разметку, то, на мой взгляд она сама по себе — неверная синтаксически. Или это список или заголовок, причем тут div’ы?

Та все на дивах на странице, просто невероятно. Там в основном списки, вместо нумерации названия — ВУЗ, Специальность и т.д. Названия жирным, описание напротив обычным шрифтом.

Логично было бы дивы убрать и сделать как положено, но это просто сделать только если ручками переносить. А там около 15000 страниц. Я себе примерно представил как это можно сделать поиском-заменой, но там много факторов, дивы пересекаются.

Вот маленький кусок записи, слова заменил на ххххх:

<div class="row clearfix">

		<div class="title">ххххххх</div>

		<div class="info"><p>

				хххххх			</p></div>

	</div>


    <div class="row clearfix">

        <div class="title">хххххххх</div>

        <div class="info"><p>

               ххххххххххх

            </p></div>

    </div>



    <div class="row clearfix">

        <div class="title">хххххх</div>

        <div class="info"><p>

                                ххххххххххх </p></div>

    </div>

	<div class="row clearfix">

		<div class="title">хххххх</div>

		<div class="info">

			<p>

									хххххх																</p>

		</div>

	</div>


	<div class="row clearfix">

		<div class="title">хххххх</div>

		<div class="subinfo-block">

			<div class="subinfo">

									<div class="subtitle">хххх</div>

					<div class="info">

						<img class="text-as-image"

							 src="https://searchengines.guru/хххххх"

							 alt="хххх"

							 title="хххх"/>

											</div>

																	<div class="subtitle">хххх</div>

					<div class="info">

						<img class="text-as-image"

							 src="https://searchengines.guru/ххххххх"

							 alt="хххх"

							 title="хххх"/>

											</div>

Sitealert

3 февраля 2020, 15:01

Эдуардoff:
Логично было бы дивы убрать и сделать как положено, но это просто сделать только если ручками переносить. А там около 15000 страниц.

Эдуардoff:
Есть проблема как отображается информация на вордпрессе

Чудны дела твои, господи…🤪

Оксиген

3 февраля 2020, 15:09

Эдуардoff:
там около 15000 страниц

С такими задачами хорошо справляется Perl с регулярными выражениями. Но надо, чтобы эти страницы были одинаковыми, иначе сложность скрипта кратно возрастает. Загнать все значения в какую-то базу, а оттуда уже куда угодно в соответствии с форматом.

Sitealert

3 февраля 2020, 15:26

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

StolyarLab

3 февраля 2020, 15:44

Оксиген:
Но если говорить про HTML разметку, то, на мой взгляд она сама по себе — неверная синтаксически. Или это список или заголовок, причем тут div’ы?

да, а если display:table?

Оксиген

3 февраля 2020, 18:31

StolyarLab:
а если display:table?

Это из CSS: «display» — в переводе с английского «показ, демонстрация» в данном контексте. Это то, как элемент разметки выглядит в браузере. А я писал о разметке гипертекста (HTML), которая должна соответствовать логике документа. Из разметки на «div» невозможно понять, к чему относится данный текст. DIV — это блочный элемент, он предназначен для объединения объектов в блоки, понять из него что в нём — невозможно. Элементов в HTML не так уж и много, на самом деле и запомнить их не так уж сложно. Но далеко не все это учитывают. А потом удивляются, почему их сайт не в топе, а в другом, созвучном месте.

ivan-lev

3 февраля 2020, 19:54

Оксиген:
С такими задачами хорошо справляется Perl с регулярными выражениями. Но надо, чтобы эти страницы были одинаковыми, иначе сложность скрипта кратно возрастает. Загнать все значения в какую-то базу, а оттуда уже куда угодно в соответствии с форматом.

Оксиген, а Вы лично хоть что-то из упомянутого делали когда-нибудь? =)

Оксиген:
Элементов в HTML не так уж и много,

https://www.w3.org/TR/html52/index.html#contents

Думаю, о существовании некоторых Вы могли и не подозревать (т.к. они действительно используются реже по сравнению с «основными»)

Похожие записи:

Добавить комментарий Отменить ответ