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

12 3
Э
На сайте с 11.08.2009
Offline
191
1055

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

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

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

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

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

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

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

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

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

<div class="subtitle">ВУЗ</div> 
сразу везде менять на
ВУЗ
, но вторая строка у меня все равно пойдет ниже, а тут уже глобально не поменяешь, ибо вузы разные, да и не знаю как работать с этими всякими '\r'
S
На сайте с 30.09.2016
Offline
469
#1

Гугли

display: inline;

display: inline-block;

Отпилю лишнее, прикручу нужное, выправлю кривое. Вытравлю вредителей.
IL
На сайте с 20.04.2007
Offline
435
#2
Эдуардoff:
class="subtitle" как болд, но как заставить это быть в одной строке?

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

div.subtitle {display:inline;}
... :) Облачные серверы от RegRu - промокод 3F85-3D10-806D-7224 ( http://levik.info/regru )
Оксиген
На сайте с 30.07.2006
Offline
444
#3

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

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

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

Магазин готовых сайтов (https://www.bdb.ru/shop/) Продление доменов в RU-CENTER по партнерским тарифам.
Э
На сайте с 11.08.2009
Offline
191
#4
Оксиген:
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="/хххххх"
alt="хххх"
title="хххх"/>
</div>
<div class="subtitle">хххх</div>
<div class="info">
<img class="text-as-image"
src="/ххххххх"
alt="хххх"
title="хххх"/>
</div>
S
На сайте с 30.09.2016
Offline
469
#5
Эдуардoff:
Логично было бы дивы убрать и сделать как положено, но это просто сделать только если ручками переносить. А там около 15000 страниц.
Эдуардoff:
Есть проблема как отображается информация на вордпрессе

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

Оксиген
На сайте с 30.07.2006
Offline
444
#6
Эдуардoff:
там около 15000 страниц

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

S
На сайте с 30.09.2016
Offline
469
#7

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

SL
На сайте с 31.01.2020
Offline
4
#8
Оксиген:
Но если говорить про HTML разметку, то, на мой взгляд она сама по себе - неверная синтаксически. Или это список или заголовок, причем тут div'ы?

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

Оксиген
На сайте с 30.07.2006
Offline
444
#9
StolyarLab:
а если display:table?

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

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

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

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

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

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

12 3

Авторизуйтесь или зарегистрируйтесь, чтобы оставить комментарий