Некоторые слова из текста выпали, как сделать один общий текст?

Ссылка скопирована
1 ответ

Слова из текста выпали, пару слов ускакали наверх, не пойму в чем проблема. Думаю, что из за выделения слова в скобках другим цветом. Если можете, подскажите как выделить его правильно.
Еще не скролится сайт, тоже не пойму. Текст добавлен, есть даже карточка, которая уже выходит за рамки страницы, но все равно никак ее не посмотреть из за скролла. Буду рад помощи))
Вот ссылка на папку с сайтом. Можете посмотреть код, сам сайт и тд.
https://drive.google.com/drive/folders/1rtngkYSfvT...
Вот как слова ускакали

Некоторые слова из текста выпали, как сделать один общий текст?

А как должны выглядеть

Некоторые слова из текста выпали, как сделать один общий текст?

Помогите пожалуйста!!!))

Дополнительно:

выложи на https://codepen.io вряд ли скачивать кто-то будет твои файлы

  • Где здесь ваш текст?
    СКРИНШОТ

    Некоторые слова из текста выпали, как сделать один общий текст?

  • ProjectSoft, извините, посмотрите сейчас
  • Артём Ихсанов, почему вы оборачиваете его в тег абзаца p?
    Для этого существует строчный тег span.
    Подробно
  • ProjectSoft, если я не ошибаюсь от этого же ничего не поменяется?
  • Артём Ихсанов, как это? Ещё как поменяется. Если конечно вы не переопределите в стиле значение block.
    snippet
    У вас по идее должно быть так
    <div class='main-text'>    <p class='othertxt'>ООО <span class='mn'>«Стар-Ойл»</span> осуществляет розничную реализацию светлых нефтепродуктов и сжиженного автомобильного газа ведущих Российских производителей, а также сопутствующих товаров и услуг через собственную сеть АЗС, расположенных в Тюменской области.     </p> </div>

    <div class='main-text'> <p class='othertxt'>ООО <span class='mn'>«Стар-Ойл»</span> осуществляет розничную реализацию светлых нефтепродуктов и сжиженного автомобильного газа ведущих Российских производителей, а также сопутствующих товаров и услуг через собственную сеть АЗС, расположенных в Тюменской области. </p> </div>

  • ProjectSoft, Спасибо большое, очень помогли!))
  • ProjectSoft, да, так и получилось, но что мне делать с ООО, оно также и осталось вверху?
  • Артём Ихсанов, смотри ещё раз мой ответ выше
  • ProjectSoft, Спасибо большое на счет цвета слов, а насчет скролла что скажите?
  • Артём Ихсанов, отказаться от fixed и научиться верстать ))) Учиться, учиться и ещё раз учиться...
    Да же я. Умею и уже дофига чего в работе, но всё-равно - учусь. Этот процесс никогда не закончится... )))
  • ProjectSoft, чем заменить fixed тогда? Absolute? А про верстать да, правильно сказал) конечно учусь и буду учиться, больше практикуюсь и больше получается конечно, спасибо большое, что помог, ты красавчик бро)
  • Артём Ихсанов, зачем вообще здесь fixed или absolute?
    Вы сначала сверстайте без указания позиций. Для отступления от верха используйте margin-top, снизу - margin-bottom, слева - margin-left,, справа - margin-right.
    Если margin не работает сверху, то родителю нужно задать clearfix стиль
    .clearfix::before, .clearfix::after { 	display: table; 	content: ""; 	clear: both; }

    .clearfix::before, .clearfix::after { display: table; content: ""; clear: both; }

    Пример снова обновлён. Обязательно посмотрите разницу в двух одинаковых блоках. И на что повлиял класс .clearfix

  • ProjectSoft, спасибо большое!))
  • Чтобы не ехал текст используй неблочный тег<span> вместо блочного <p>
    Из за того, что ты весь контент размещал с помощью position fixed у тебя и не скролится страница

    Нужно решить такую задачу?

    Опишите проблему, и специалист поможет с настройкой, исправлением ошибки или доработкой сайта. Подберём понятный план работ без лишней переписки.

    Заказать помощь
    Лучший ответ
    1
    Максим Павлов Ответ

    Для объединения нескольких текстов в один общий текст можно воспользоваться различными способами в зависимости от языка программирования. Вот пример как это можно сделать на PHP:

    $text1 = "Это первый текст";
    $text2 = "Это второй текст";
    $text3 = "Это третий текст";
     
    $mergedText = $text1 . " " . $text2 . " " . $text3;
     
    echo $mergedText;

    $text1 = "Это первый текст"; $text2 = "Это второй текст"; $text3 = "Это третий текст"; $mergedText = $text1 . " " . $text2 . " " . $text3; echo $mergedText;

    В данном примере мы объединяем три текстовые переменные в одну общую переменную $mergedText, добавляя пробелы между каждым текстом. После этого выводим полученный общий текст на экран.

    Если у вас есть больше текстов для объединения, вы можете использовать циклы или массивы для более удобного и эффективного объединения. Например, с использованием массивов:

    $texts = array("Это первый текст", "Это второй текст", "Это третий текст");
     
    $mergedText = implode(" ", $texts);
     
    echo $mergedText;

    $texts = array("Это первый текст", "Это второй текст", "Это третий текст"); $mergedText = implode(" ", $texts); echo $mergedText;

    В этом примере мы создаем массив $texts с тремя текстовыми элементами и с помощью функции implode объединяем их в один общий текст, разделяя пробелами.

    Таким образом, вы можете легко объединить несколько текстов в один общий текст, используя различные методы в зависимости от вашего кода и требований.

    Другие ответы (0)

    Пока нет других ответов. Будьте первым, кто поможет автору.

    Ответить на вопрос

    комментарий

    Ваш адрес email не будет опубликован. Обязательные поля помечены *

    Вам также может быть интересно