Не могу найти ошибку

@spkural · Регистрация: 27.03.2014

Студворк — интернет-сервис помощи студентам

Доброго всем настроения!
Уважаемые форумчане, прошу помочь в поиске ошибки.
К сути:
Пытаюсь вывести материал с миниатюрами на главную страницу.
У меня два идентичных модуля, но разные модули (делаю на движке джумла по уроку «Joomla-Мастер: с нуля до Премиум шаблона» Бернацкий).
Согласно этому уроку, сначала верстается шаблон с материалами, потом переводится в PHP
Один блок работает без проблем, а второй как будто не подхватывает стили CSS.
Вот собственно коды:
1) коды двух блоков PHP и HTML код "А" рабочий, код "Б" ни в какую не хочет работать.

PHP/HTML
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
<!--БЛОК "А"-->
        <?php if($doc->countModules('position-7')) : ?>
            <div class="O-kompanii-main">
                <jdoc:include type="modules" name="position-7" style="sk_ural_kompanii" />
            
            </div>
<?php endif; ?>
 
 
<!-- (БЛОК "А")
     <div class="O-kompanii-main">
     
                            
        <h1>О Компании</h1>
        <div class="O-kompanii">
            <div>
                <a href="#">
                <img src="http://lorempixel.com/220/168/cats/" />
                <h3>О заводе</h3>
                </a>
                <p class="blog-shadow"></p>
            </div>
            <div>
                <a href="#">
                <img src="http://lorempixel.com/220/168/business/" />
                <h3>О нас</h3>
                </a>
                <p class="blog-shadow"></p>
            </div>
            <div>
                <a href="#">
                <img src="http://lorempixel.com/220/168/people/" />
                <h3>Услуги</h3>
                </a>
                <p class="blog-shadow"></p>
            </div>
            <div>
                <a href="#">
                <img src="http://lorempixel.com/220/168/transport/" />
                <h3>Решения типовых задач</h3>
                </a>
                <p class="blog-shadow"></p>
            </div>
        </div>
    </div> -->
 
<!-- БЛОК "Б" -->
 
 <?php if($doc->countModules('position-8')) : ?>
          <div class="News-main">
            <jdoc:include type="modules" name="position-8" style="sk_ural_News" />
        </div>
            
    
      <?php endif; ?>
 
<!-- БЛОК "Б"-->
 
    <div class="News-main">
        <h1>Новости компании1</h1>
        <div class="News">
            <div>
                <a href="#">
                    <div>
                        <img src="http://lorempixel.com/220/168/technics/" alt="" />
                        <p><span>15</span> mar</p>
                    </div>    
                    <h3>Project title</h3>
                </a> 
                <p class="blog-shadow"></p>                                         
            </div>
            <div>
                <a href="#">
                    <div>
                        <img src="http://lorempixel.com/220/168/fashion/" alt="" />
                        <p><span>15</span> mar</p>
                    </div>    
                    <h3>Project title</h3>
                </a>   
                <p class="blog-shadow"></p>                                         
            </div>
            <div>
                <a href="#">
                    <div>
                        <img src="http://lorempixel.com/220/168/city/" alt="" />
                        <p><span>15</span> mar</p>
                    </div>    
                    <h3>Project title</h3>
                </a>    
                <p class="blog-shadow"></p>                                         
            </div>
            <div>
                <a href="#">
                    <div>
                        <img src="http://lorempixel.com/220/168/nightlife/" alt="" />
                        <p><span>15</span> mar</p>
                    </div>    
                    <h3>Project title</h3>
                </a> 
                <p class="blog-shadow"></p>                                         
            </div>
        </div>
      </div> -->

Вот их CSS:

CSS
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
/* БЛОК "А" */
 
.O-kompanii-main{
    padding:20px; overflow:hidden;
}
    .O-kompanii-main h1{
        font-size:24px; text-transform:uppercase; margin:0 0 20px 1.25%;
    }
    .O-kompanii{
        overflow:hidden;
    }
        .O-kompanii>div{
            float:left; width:22.5%; margin:0 1.25%; 
        }
        .O-kompanii>div h3{
        background:#ff4800; color:#fff; font-size:15px; text-align:center; padding:10px 0;
    }
    .O-kompanii>div img{
        max-width:100%;
    }
    .O-kompanii>div a{
        display:block; background:#f6510f url(../imeges/link-img.jpg) center center no-repeat; text-decoration:none;
    }
    .O-kompanii>div a:hover img{
        visibility:hidden;
    }
    .O-kompanii-main>div a:hover h3{
        background:#555;
    }
    .blog-shadow{
        background:url(../imeges/lpost-shodow.png) center top no-repeat; height:12px; background-size:100%;
    }
    .orange-hr{
    margin:0 20px; color:#ffb2b2; border:none; background:#ffb2b2; height:1px;
}
/* БЛОК "Б" */
 
.News-main{
    padding:20px; overflow:hidden; margin-bottom: 30px;
}
    .News-main h1{
        margin:0 0 20px 1.5%; font-size:24px; text-transform:uppercase;
    }
    .News{
        overflow:hidden;
    }
        .News>div{
            float:left; width:22.5%; margin:0 1.25%;
        }
        .News>div img{
            max-width:100%;
        }
        .News>div a{
            display:block; text-decoration:none; color:#fff;
        }
        .News>div a div{
            position:relative;
        }
        .News>div a div p{
            position:absolute; bottom:0; left:0; font-size:14px; text-transform:uppercase; text-align:center; background:#555; padding: 5px 10px;
        }
            .News>div a div p span{
                display:block; font-size:18px;
            }
        .News>div a:hover img{
            visibility:hidden;
        }
        .News>div a:hover div{
            background:#f6510f url(../images/link-img.jpg) center center no-repeat;
        }
        .News>div a:hover h3{
            background:#555; 
        }
        .News>div a:hover div p{
            display:none;
        }
        .News>div h3{
            background:#ff4800; text-align:center; color:#fff; padding:10px 0; font-size:15px; 
        }

Располагаться, по идее, должны в ряд. А на текущий момент, получается, что блок "А" отображается как и положено. А с блоком "Б" какая то беда...

При всем этом, вариант HTML + CSS отображаются корректно, а вот с PHP что то не так.

@spkural · 30.11.2014, 01:37 **[ТС]**

Вот еще интересный момент: Если я меняю класс блока див с

PHP/HTML
1
2
3
4
5
6
7
<?php if($doc->countModules('position-8')) : ?>
          <div class="News-main">
            <jdoc:include type="modules" name="position-8" style="sk_ural_Newss" />
        </div>
            
    
      <?php endif; ?>>

на

PHP/HTML
1
2
3
4
5
6
7
 <?php if($doc->countModules('position-8')) : ?>
          <div class="News">
            <jdoc:include type="modules" name="position-8" style="sk_ural_Newss" />
        </div>
            
    
      <?php endif; ?>

, то стили подхватываются успешно, НО все элементы располагаются вертикально, а не горизонтально, как мне этого нужно...

Новые блоги и статьи Все статьи Все блоги /
SDL3 для Desktop (MinGW): Вывод текста со шрифтом TTF с помощью библиотеки SDL3_ttf на Си и C++ 8Observer8 24.03.2026 Содержание блога Финальные проекты на Си и на C++: finish-text-sdl3-c. zip finish-text-sdl3-cpp. zip	Жизнь в неопределённости kumehtar 23.03.2026 Жизнь — это постоянное существование в неопределённости. Например, даже если у тебя есть список дел, невозможно дойти до точки, где всё окончательно завершено и больше ничего не осталось. В принципе,. . .	Модель здравоСохранения: работники работают быстрее после её введения. anaschu 23.03.2026 geJalZw1fLo Корпорация до введения программа здравоохранения имела много невыполненных работниками заданий, после введения программы количество заданий выросло. Но на выплатах по больничным это. . .	1С: Контроль уникальности заводского номера Maks 23.03.2026 Алгоритм контроля уникальности заводского (или серийного) номера на примере документа выдачи шин для спецтехники с табличной частью. Данные берутся из регистра сведений, по которому настроено. . .
Хочу заставить корпорации вкладываться в здоровье сотрудников: делаю мат модель здравосохранения anaschu 22.03.2026 e7EYtONaj8Y Z4Tv2zpXVVo https:/ / github. com/ shumilovas/ med2. git	1С: Программный отбор элементов справочника по группе Maks 22.03.2026 Установка программного отбора элементов справочника "Номенклатура" из модуля формы документа. В качестве фильтра для отбора справочника служит группа номенклатуры. Отбор по наименованию группы. . .	Как я обхитрил таблицу Word Alexander-7 21.03.2026 Когда мигает курсор у внешнего края таблицы, и нам надо перейти на новую строку, а при нажатии Enter создается новый ряд таблицы с ячейками, то мы вместо нервных нажатий Энтеров мы пишем любые буквы. . .	Krabik - рыболовный бот для WoW 3.3.5a AmbA 21.03.2026 без регистрации и смс. Это не торговля, приложение не содержит рекламы. Выполняет свою непосредственную задачу - автоматизацию рыбалки в WoW - и ничего более. Однако если админы будут против -. . .