Помогите зделать рамку вокруг текста на php

Тема в разделе "Верстка", создана пользователем OREON, 6 фев 2020.

Информация :
Уважаемые пользователи, прежде чем ответить в теме или создать новую, внимательно ознакомьтесь с Правилами раздела и Правилами форума
Для быстрого поиска ответов на ваши вопросы воспользуйтесь Картой раздела и/или Поиском по разделу
Модераторы: ultra
  1. OREON

    OREON

    Регистр.:
    18 янв 2009
    Сообщения:
    394
    Симпатии:
    66
    Есть текст
    Код:
    echo '<div style="margin-left: 60px;">';
    echo '<span style="color: red; font-size: 14px;"><b>Внимание: Будьте бдительны! Не совершайте предоплату товара!</b></span>';
    
    Так вот нужно что бы текст
    был внутри красной рамки.
     
  2. mychatik

    mychatik Создатель

    Регистр.:
    28 авг 2011
    Сообщения:
    44
    Симпатии:
    22
    Добавь стиль
    Код:
    <style>
    span {
    border: 1px solid red; /* Толщина рамки в пикселах,
                               тип границы (в данном случае сплошная линия) и
                               цвет линии */
    padding: 5px; /* Расстояние от текста до рамки */
    }
      </style>
    
     
  3. OREON

    OREON

    Регистр.:
    18 янв 2009
    Сообщения:
    394
    Симпатии:
    66
    если код добавить в стили весь текст на странице в рамке
     

    Вложения:

    • ТИЦ.png
      ТИЦ.png
      Размер файла:
      11,8 КБ
      Просмотров:
      18
  4. mychatik

    mychatik Создатель

    Регистр.:
    28 авг 2011
    Сообщения:
    44
    Симпатии:
    22
    Тогда так:

    PHP:
    echo '<span style="color:red; font-size:14px; border: 1px solid red; padding:5px;"><b>Внимание: Будьте бдительны! Не совершайте предоплату товара!</b></span>';
    Или в стили класс добавить

    Код:
    <style>
    .ramka {
        font-size:14px;
        font-weight:bold;
        color:red;
        border: 1px solid red;
        padding:5px;
       }
      </style>
    И тогда:

    PHP:
    echo '<span class="ramka">Внимание: Будьте бдительны! Не совершайте предоплату товара!</span>';
     
    Последнее редактирование: 6 фев 2020
    OREON нравится это.
  5. zALEHANz

    zALEHANz Постоялец

    Регистр.:
    26 апр 2015
    Сообщения:
    96
    Симпатии:
    39
    Странный подход, если можно писать стили прямо в HTML просто добавляем нужный стиль:
    Код:
    echo '<div style="margin-left: 60px;">';
    echo '<span style="color: red; font-size: 14px;border:1px solid red;padding:3px"><b>Внимание: Будьте бдительны! Не совершайте предоплату товара!</b></span>';
    Если же в выводе ничего не записать, то есть нет возможности прописать класс и т.п., то можно обратиться напрямую к селектору атрибута, например если в css написать это:
    Код:
    span[style="color: red; font-size: 14px;"]{border:1px solid red;padding:3px}
    То произойдет следующее, браузер найдет span в атрибуте style которого будет параметр color: red; font-size: 14px; и добавит ему стиль границы и отступа.
     
    OREON нравится это.
  6. OREON

    OREON

    Регистр.:
    18 янв 2009
    Сообщения:
    394
    Симпатии:
    66
    Пробовал так делать - но оно начало на каждый текст на странице делать рамки, подошел второй вариант от
    Но всеравно Вам спасибо за ответ и за помощь

    Тему можно закрыть проблема решенна
     
  7. zALEHANz

    zALEHANz Постоялец

    Регистр.:
    26 апр 2015
    Сообщения:
    96
    Симпатии:
    39
    В первом или втором варианте?
    Если во втором, значит у вас много span со style = color: red; font-size: 14px;, что весьма странно. Обычно если необходимо много элементов делать с одинаковыми стилями пишется стиль для определенного класса, и этот класс прописывается нужным элементам, это ощутимо сокращает объем кода. В целом считается признаком дурного тона множественное использование в html атрибутов style, их надо выносить в css, при чем не обязательно в отдельный файл, можно делать и в html в шапке.
     
    OREON нравится это.
  8. hybrid666

    hybrid666 Писатель

    Регистр.:
    10 ноя 2014
    Сообщения:
    4
    Симпатии:
    0
    <style> p { border: 1px solid red; padding: 10px; } </style>
     
  9. Chezzy

    Chezzy Создатель

    Регистр.:
    18 мар 2018
    Сообщения:
    8
    Симпатии:
    0
    Для всех элементов <p></p> на странице будет применен стиль с рамкой =_)
     
  10. Jhon2

    Jhon2 Создатель

    Регистр.:
    19 май 2016
    Сообщения:
    10
    Симпатии:
    6
    тег span по умолчанию имеет display:inline; для того что бы рамка была корректной, внутри тега span в стилях помимо border:1px solid red; пропиши display:inline-block; так же стоит добавить marign:0 5px; для того что бы объекты (к примеру текст) справа и слева не касались линий span.