Перейти к публикации

Применение стилей CSS на сайте


Рекомендованные сообщения

У меня уже голова кругом от этих стилей идет. Часто не понимаю, что вообще происходит кругом... Ситуация следующая: есть например новость https://who-calls-me.ru/megafon/szmegafon/9219999999-number.html в которой текст оформлен следующим образом: 

        <div class="plays">
            <div class="playsinfo playsinfo[catlist=6,61,62,63,64,65,66,67,68]other[/catlist][catlist=1,11,12,13,14,15,16,17,18]megafon[/catlist][catlist=2,21,22,23,24,25,26,27,28]mts[/catlist][catlist=3,31,32,33,34,35,36,37,38]beeline[/catlist][catlist=4,41,42,43,44,45,46,47,48]tele2[/catlist][catlist=5,51,52,53,54,55,56,57,58]yota[/catlist] country">
                Кто мне звонит +7 {title}? Чей это номер  <p>+7 {title}?</p> Кто звонил +7 {title}? Какой оператор связи +7 {title}? Узнайте информацию по звонкам с номера телефона. Мы собрали для вас всю информацию:

</div></div>

Таким же образом вставляю на главной текст и необходимо какой то кусочек текста взять в тег <p></p> так же как и в полной новости, но при этом в полной новости текст без красных строк, а на главной получается с красной строкой и не могу понять, где накосячил(

Ссылка на сообщение
Поделиться на других сайтах
10 часов назад, igorek-art сказал:

У меня уже голова кругом от этих стилей идет. Часто не понимаю, что вообще происходит кругом... Ситуация следующая: есть например новость https://who-calls-me.ru/megafon/szmegafon/9219999999-number.html в которой текст оформлен следующим образом: 

        <div class="plays">
            <div class="playsinfo playsinfo[catlist=6,61,62,63,64,65,66,67,68]other[/catlist][catlist=1,11,12,13,14,15,16,17,18]megafon[/catlist][catlist=2,21,22,23,24,25,26,27,28]mts[/catlist][catlist=3,31,32,33,34,35,36,37,38]beeline[/catlist][catlist=4,41,42,43,44,45,46,47,48]tele2[/catlist][catlist=5,51,52,53,54,55,56,57,58]yota[/catlist] country">
                Кто мне звонит +7 {title}? Чей это номер  <p>+7 {title}?</p> Кто звонил +7 {title}? Какой оператор связи +7 {title}? Узнайте информацию по звонкам с номера телефона. Мы собрали для вас всю информацию:

</div></div>

Таким же образом вставляю на главной текст и необходимо какой то кусочек текста взять в тег <p></p> так же как и в полной новости, но при этом в полной новости текст без красных строк, а на главной получается с красной строкой и не могу понять, где накосячил(

В вашей писанине толком ничего не понятно что за проблема у вас.

Если я все-таки правильно понял,то смущает вас колонка Недавние номера,а именно номера в красном цвете. Может и ошибаюсь,конечно,но у вас этот блок не обернут в <div class="plays">,

    	<div><h2>Недавние номера</h2></div>
        
<div class="plays">я так понимаю код вывода номеров должен находиться здесь<div>
<div class="brdrph">
        	<div class="ic grt fas fa-phone-slash fa-flip-horizontal"></div>
            <div class="phone grt">
                  <div class="phnumb">
                         
                         <h3><a href="https://who-calls-me.ru/megafon/uralmegafon/9227391047-number.html" title="Кто мне звонит +7 (922) 7391047? Чей это номер +7 (922) 7391047? Кто звонил +7 (922) 7391047?">+7 (922) 7391047</a></h3>
                   </div>
                <div class="country"><a href="https://who-calls-me.ru/megafon/">Мегафон</a>, <a href="https://who-calls-me.ru/megafon/uralmegafon/">Уральский</a></div>
            </div>
            <div class="no dat grt">27.12.2021</div>
            <div class="que grt far fa-info-circle"></div>
    </div>

То есть выглядеть так

<div><h2>Недавние номера</h2></div>
        
<div class="plays">
<div class="brdrph">
        	<div class="ic grt fas fa-phone-slash fa-flip-horizontal"></div>
            <div class="phone grt">
                  <div class="phnumb">                        
                         <h3><a href="https://who-calls-me.ru/megafon/uralmegafon/9227391047-number.html" title="Кто мне звонит +7 (922) 7391047? Чей это номер +7 (922) 7391047? Кто звонил +7 (922) 7391047?">+7 (922) 7391047</a></h3>
                   </div>
                <div class="country"><a href="https://who-calls-me.ru/megafon/">Мегафон</a>, <a href="https://who-calls-me.ru/megafon/uralmegafon/">Уральский</a></div>
            </div>
            <div class="no dat grt">27.12.2021</div>
            <div class="que grt far fa-info-circle"></div>
    </div>
  </div>

 

Ссылка на сообщение
Поделиться на других сайтах
21 минуту назад, aleksandrhristich сказал:

В вашей писанине толком ничего не понятно что за проблема у вас.

Если я все-таки правильно понял,то смущает вас колонка Недавние номера,а именно номера в красном цвете. Может и ошибаюсь,конечно,но у вас этот блок не обернут в <div class="plays">,


    	<div><h2>Недавние номера</h2></div>
        
<div class="plays">я так понимаю код вывода номеров должен находиться здесь<div>
<div class="brdrph">
        	<div class="ic grt fas fa-phone-slash fa-flip-horizontal"></div>
            <div class="phone grt">
                  <div class="phnumb">
                         
                         <h3><a href="https://who-calls-me.ru/megafon/uralmegafon/9227391047-number.html" title="Кто мне звонит +7 (922) 7391047? Чей это номер +7 (922) 7391047? Кто звонил +7 (922) 7391047?">+7 (922) 7391047</a></h3>
                   </div>
                <div class="country"><a href="https://who-calls-me.ru/megafon/">Мегафон</a>, <a href="https://who-calls-me.ru/megafon/uralmegafon/">Уральский</a></div>
            </div>
            <div class="no dat grt">27.12.2021</div>
            <div class="que grt far fa-info-circle"></div>
    </div>

То есть выглядеть так


<div><h2>Недавние номера</h2></div>
        
<div class="plays">
<div class="brdrph">
        	<div class="ic grt fas fa-phone-slash fa-flip-horizontal"></div>
            <div class="phone grt">
                  <div class="phnumb">                        
                         <h3><a href="https://who-calls-me.ru/megafon/uralmegafon/9227391047-number.html" title="Кто мне звонит +7 (922) 7391047? Чей это номер +7 (922) 7391047? Кто звонил +7 (922) 7391047?">+7 (922) 7391047</a></h3>
                   </div>
                <div class="country"><a href="https://who-calls-me.ru/megafon/">Мегафон</a>, <a href="https://who-calls-me.ru/megafon/uralmegafon/">Уральский</a></div>
            </div>
            <div class="no dat grt">27.12.2021</div>
            <div class="que grt far fa-info-circle"></div>
    </div>
  </div>

 

Нет. У меня на главной страничке есть текст о сайте, там использовал блок такой же, как в полной новости. Но в полной новости любое слово беру в тег Р и он выделяется нужным цветом и в ОДНУ СТРОЧКУ, а если на главной делать тоже самое, то текст выделенный не в одну строку, а с переносом на красную строку! Вот это и не понятно, что тег Р на главной вставляю так же, но при этом происходит перенос строки, а в полной новости этого не происходит.

Ссылка на сообщение
Поделиться на других сайтах
1 час назад, igorek-art сказал:

Нет. У меня на главной страничке есть текст о сайте, там использовал блок такой же, как в полной новости. Но в полной новости любое слово беру в тег Р и он выделяется нужным цветом и в ОДНУ СТРОЧКУ, а если на главной делать тоже самое, то текст выделенный не в одну строку, а с переносом на красную строку! Вот это и не понятно, что тег Р на главной вставляю так же, но при этом происходит перенос строки, а в полной новости этого не происходит.

Сделайте скрины своей проблемы,а то все-равно не очень понятно.

Ссылка на сообщение
Поделиться на других сайтах
3 часа назад, igorek-art сказал:

но при этом происходит перенос строки

Правильно, перенос строки должен быть, так как тег 

<p>...</p>

является блочным, а не строчным. У Вас в стилях скорее всего переопределено свойство тега на строчный элемент. Но в Вашем случае будет более правильно использовать 

<span>...</span>

это строчный элемент и переноса строк не будет.

Ссылка на сообщение
Поделиться на других сайтах
1 час назад, germanydletest сказал:

Правильно, перенос строки должен быть, так как тег 


<p>...</p>

является блочным, а не строчным. У Вас в стилях скорее всего переопределено свойство тега на строчный элемент. Но в Вашем случае будет более правильно использовать 


<span>...</span>

это строчный элемент и переноса строк не будет.

Так да я понимаю что блочный, в полной новости я класс прописал чтоб он в строчку был. От этого и вопрос мой был, что вставив текст на главной, я использовал тот же класс что и в полной новости (где стиль прописан чтоб в строчку был), но при этом он не срабатывает на главной. В этом и заключался вопрос) стили и там и там одного класса!)

Ссылка на сообщение
Поделиться на других сайтах
13 минут назад, igorek-art сказал:

Так да я понимаю что блочный, в полной новости я класс прописал чтоб он в строчку был. От этого и вопрос мой был, что вставив текст на главной, я использовал тот же класс что и в полной новости (где стиль прописан чтоб в строчку был), но при этом он не срабатывает на главной. В этом и заключался вопрос) стили и там и там одного класса!)

Правой кнопкой мыши на нужный элемент => инспектировать элемент и там смотрите, какие стили применяются к элементу.

Ссылка на сообщение
Поделиться на других сайтах

Капец! Разобрался! Суть оказалась в том, что в тег <p></p> был взят длинный кусок фразы, а тем делает его строчным главное чтоб он весь влезал в одну строку, а если не влезает, то перенос на другую строку чтоб влез. 

Тема не актуальна, можно закрывать.

Ссылка на сообщение
Поделиться на других сайтах

Присоединяйтесь к обсуждению

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

Гость
Ответить в тему...

×   Вставлено в виде отформатированного текста.   Вставить в виде обычного текста

  Разрешено не более 75 эмодзи.

×   Ваша ссылка была автоматически встроена.   Отобразить как ссылку

×   Ваш предыдущий контент был восстановлен.   Очистить редактор

×   Вы не можете вставить изображения напрямую. Загрузите или вставьте изображения по ссылке.

×
×
  • Создать...