Блог

У меня здесь странная ситуация. Я пробовал как добавлять изображение bg в настраиваемый стиль, чтобы переопределить / расширить стиль начальной загрузки (столбец), так и просто вставлять стиль в атрибут div. По какой-то причине ни то, ни другое, похоже, не работает. примеры..

    <div class="col-lg-4 col-md-6 col-sm-12 text-center" style="background:image 
   url('images/test_back.jpg')">
        <img class="rounded-circle" alt="140x140" style="width: 140px; height: 140px;" 
     src="images/140X140.gif" data-holder-rendered="true">
        <h3>Lorem ipsum dolor</h3>
        <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer posuere erat a ante.</p>
      </div>
 

Затем в другом я делаю следующее:

в файле HTML:

    <div class="columns divboxshadow_rt"> 
   <p class="thumbnail_align"> <img src="images/bkg_06.jpg" alt="" class="thumbnail"/> </p>
   <h4>Bargains ()</h4>
   <div id="mycarousel" class="carousel slide" data-interval="3000" data-ride="carousel">
   <div class="carousel-inner">
   <div class="carousel-item active">
   <img src="images/deals-steals1.png"  class="d-block w-80" alt="Steals and Deals 10">
    </div>
  </div>
 </div>
 

Вышеуказанное не работает…HTML, в котором есть ссылка на стиль, встроенная в тег div, который действительно работает…

     <div class="columns" style="background-image: 
    url('images/test_back.jpg')">
 

в файле CSS:

     .divboxshadow_rt {
    width: 22%;
    background-image: url('images/test_back.jpg');
    /*  border-left: none; thin #BFB9B9;*/  
    border: 2px solid #968E8E;
    border-top: none;
    border-left: hidden;
    padding-left: 10px;
    padding: 2px ;
    padding-left: 8px;
    margin: 5px auto;

    box-shadow:0 4px 5px #888888;
    border-bottom-right-radius: 11px ;
    border-bottom-left-radius: 4px ;
    align-content: center;
    align-items: center;
    text-align:center;
   }
 

Кстати, ни ссылка на изображение bkg, размещенная в классе divboxshadow_rt, встроенном в одинарные или двойные кавычки, не работает.
Есть идеи, что может помешать этому отображению? Кажется, что это должно быть довольно просто. Я должен уточнить, что отображаются все атрибуты в классе divshadowbox выше, ЗА исключением изображения bg. С тех пор я изменил этот файл CSS и этот класс, но у меня есть еще одна проблема, заключающаяся в том, что левая граница, похоже, отображается независимо от того, что я делаю, т. Е. Сделать ее скрытой, нет и т.д. Я просмотрел файл CSS BS и не вижу ссылок, перечисленных с атрибутами границы, поэтому я бы не подумал, что это влияет на него. Кто-нибудь знает, почему граница с левой стороны будет отображаться независимо от того, что? Спасибо!

хорошо, это странно. Это было ложное считывание из IDE Creative Cloud в DreamWeaver! Очень неприятно, и я не уверен, почему это работает таким образом, но оно не будет правильно переходить к пути, по которому был сохранен мой базовый HTML или файл шаблона. Итак, DW хотел перейти к /images/img.jpg или «images/img.jpg но нужно было пройти еще один каталог, чтобы добраться туда! Наконец-то проблема решена.

вау. Оказывается, IDE в Dreamweaver по какой-то причине неправильно отображала их. К счастью, я понял это и исправил; проблема решена.