Правильное отображение стиля

@spraven · Регистрация: 04.08.2015

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

есть код :

PHP
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
<?php
    require_once 'admin/connect.php';
?>
 
 <?    
 
$sql = mysql_query( "SELECT * , GROUP_CONCAT( DISTINCT 3I.`img` ORDER BY 3I.`img` ASC SEPARATOR ', ' ) AS img
FROM gallery_category GC
INNER JOIN 3_images 3I ON 3I.cat = GC.id
 
GROUP BY GC.id");
while ($row = mysql_fetch_array($sql)) {
 
 
 
 
 
   echo ' 
   
    <div class="row " style="background-color: '.$row['color'].'">
                    <div class="col-sm-6 col-sm-offset-3">  <h2 class="title" data-selector="h2">'.$row['category'].'</h2><p class="sep-bottom desc-text editContent" data-selector="p">'.$row['text'].'</p></div>
        </div>'
                ;
    
        foreach (explode(", ", $row['img']) as $show_img) {
            $sql_img_id = mysql_query("SELECT `photo_id`, `tittle` FROM 3_images WHERE `img` = '".$show_img."'");
        $row_img_id = mysql_fetch_array($sql_img_id);
        echo ' 
        
    
        <div class="col-sm-4" style="background-color: '.$row['color'].';">
 
<div class="xoverlay x-simple">
<a class="x-more" href="show_room.php?cat='.$row_img_id['photo_id'].'"> <img class="x-img-main" src="images/'.$show_img.'" alt="">
<div class="xoverlay-box">
<div class="xoverlay-data">
<h2>'.$row_img_id['tittle'].'</h2><p>Lorem ipsum dolor sit amet, quot prompta mei ex. Ponderum dissentias cotidieque usu et, nonumes tincidunt ei qui.</p></a>
 
</div>
 
</div>
 
</div>
</div>
 
        
        
        
                    '; 
                     
                    
                    
                    
    }
}
?>

все хорошо только если фоток вряд нехватает т.е 2 ,а не 3 то на место 3ей появяется следующий стиль, а нужно чтобы переходил на новую строку. Пример ниже. Так вот зеленое дожно быть квадратом а не тем огрызком, справа серый то уже седующий стиль. Возможно через запрос вывести что то типа что если нехватает фоток то подгружать пустую, или правильно css оформить, пробовал в разные блоки вставлять, фигня получается.

@valuskih · 07.04.2016, 22:21

Создай переменную, в которой хранишь число картинок в строке.
Дальше делай проверку:

PHP
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
// число картинок в строке
$glob_i = 3;
// временная переменная
$ii = 0;
 
// твой foreach
foreach (...)
{
    $ii++;
 
    // твой код вывода картинки и стиля
    // ...
}
 
// проверка
if ($ii != $glob_i)
{
    for(int $i = 0; $i < ($glob_i - $ii); $i++)
    {
        // рисуешь стиль без картинок
    }
}

@spraven · 07.04.2016, 23:03 **[ТС]**

for(int $i = 0; $i < ($glob_i - $ii); $i++) ненравится ета строка Parse error: syntax error, unexpected T_VARIABLE, expecting ';'

Или я что то делаю не так )

@полудух · 07.04.2016, 23:11

int то уберите

@valuskih · 07.04.2016, 23:12

PHP
1
2
3
4
5
6
7
правильный вариант
for($i = 0; $i < ($glob_i - $ii); $i++)
{
}
 
// int не нужно
// for(int $i = 0; $i < ($glob_i - $ii); $i++)

@полудух · 07.04.2016, 23:14

Сообщение от spraven

на место 3ей появяется следующий стиль, а нужно чтобы переходил на новую строку

это несвязанные вещи
переход на след.строку в нужном месте это ul, где всем li рОзданы float:right;

@spraven · 08.04.2016, 22:46 **[ТС]**

А можно подробней? У меня есть готовый сайт, пытаюсь всунуть базу, вот исходный код:

HTML5
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
<section id="portfolio-kuch-now" class="portfolio-block text-center zero-bottom" data-selector="section" style="padding-top: 100px; padding-bottom: 0px; border-bottom-width: 1px; border-bottom-color: rgb(232, 232, 232); background-image: none; background-attachment: scroll; background-color: rgba(0, 0, 0, 0); background-size: auto; background-repeat: repeat;">
            <div class="container-fluid">
                <div class="row">
                    <div class="col-sm-6 col-sm-offset-3">
                        <h2 class="title" data-selector="h2">Kuchnie nowoczesne</h2>
                        <p class="sep-bottom desc-text editContent" data-selector="p">Zapraszamy do zapoznania się z przeglądem naszych realizacji kuchni w stylu nowoczesnym. Prostota, minimalizm i najnowsze rozwiązania technologiczne definiują przestrzeń tych wyjątkowych i eleganckich wnętrz.</p>
                    </div>
                </div>
                <ul class="portfolio-list">
                    <li>
                        <a href="n1_1.html" class="link-item" title="Description"><span class="editContent" data-selector="Footer">Kuchnia F'1</span><img src="https://www.cyberforum.ru/images/kuchnie/_nowoczesne/F1/n1_1/min_n1_1.jpg" alt="" data-selector=".portfolio-list img" style="border-radius: 0px; border: 0px none rgb(255, 255, 255);"></a>
                    </li>
                    <li>
                        <a href="n2_1.html" class="link-item" title="Description"><span class="editContent" data-selector="Footer">Kuchnia F'7</span><img src="https://www.cyberforum.ru/images/kuchnie/_nowoczesne/F7/n2_1/min_n2_1.jpg" alt="" data-selector=".portfolio-list img" style="border-radius: 0px; border: 0px none rgb(255, 255, 255);"></a>
                    </li>
                    <li>
</ul>
            </div>
        </section>

вот сдесь все работает ,но когда добавляю базу т.е. так :

PHP
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
 <?    
$sql = mysql_query( "SELECT * , GROUP_CONCAT( DISTINCT 3I.`img` ORDER BY 3I.`img` ASC SEPARATOR ', ' ) AS img
FROM gallery_category GC
INNER JOIN 3_images 3I ON 3I.cat = GC.id
 
GROUP BY GC.id");
while ($row = mysql_fetch_array($sql)) {
   echo ' 
   <section id="portfolio-kuch-now" class="portfolio-block text-center dark-bg bg-color1" data-selector="section" style="padding-top: 100px; padding-bottom: 150px; border-bottom-width: 0px; border-bottom-color: rgb(255, 255, 255); background-image: none; background-attachment: scroll; background-color: '.$row['color'].'; background-size: auto; background-repeat: repeat;">
            <div class="container-fluid">
                <div class="row">
                    <div class="col-sm-6 col-sm-offset-3">
                        <h2 class="title" data-selector="h2">'.$row['category'].'</h2>
                        <p class="sep-bottom desc-text editContent" data-selector="p">'.$row['text'].'</p>
                    </div>
                </div>';
    
        foreach (explode(", ", $row['img']) as $show_img) {
            
            $sql_img_id = mysql_query("SELECT `photo_id`, `tittle` FROM 3_images WHERE `img` = '".$show_img."'");
        $row_img_id = mysql_fetch_array($sql_img_id);
        echo ' 
        
    <ul class="portfolio-list">
                    <li>
                        <a href="show_room.php?cat='.$row_img_id['photo_id'].'" class="link-item" title="'.$row_img_id['tittle'].'"><span class="editContent" data-selector="Footer">'.$row_img_id['tittle'].'</span><img src="https://www.cyberforum.ru/images/'.$show_img.'" alt="" data-selector=".portfolio-list img" style="border-radius: 0px; border: 0px none rgb(255, 255, 255);"></a>
                    </li>
                </ul>
            </div>
        </section>'; 
}
}
?>

то получается фигня.... на фото ниже пример..(в масштабе) как бы стиль цепляется только к 1ой фотке. и все фотки идут в один столбик... сайт оригинал как дложно быть,ток с базой... http://ferranti.pl

@spraven · 10.04.2016, 23:36 **[ТС]**

Поможете?

@полудух · 10.04.2016, 23:39

вы что за 2 дня загуглить не могли элементарную вёрстку?
ну ступайте в раздел вёрстки тогда и ждите там помощи

Новые блоги и статьи Все статьи Все блоги /
SDL3 для Web (WebAssembly): Идентификация объектов на Box2D v3 - использование userData и событий коллизий 8Observer8 02.03.2026 Содержание блога Финальная демка в браузере. Итоговый код: finish-collision-events-sdl3-c. zip https:/ / www. cyberforum. ru/ blog_attachment. php?attachmentid=11680&d=1772460536 Одним из. . .	Реалии Hrethgir 01.03.2026 Нет, я не закончил до сих пор симулятор. Эта задача сложнее. Не получилось уйти в плавсостав, но оно и к лучшему, возможно. Точнее получалось - но сварщиком в палубную команду, а это значит, в моём. . .	Ритм жизни kumehtar 27.02.2026 Иногда приходится жить в ритме, где дел становится всё больше, а вовлечения в происходящее — всё меньше. Плотный график не даёт вниманию закрепиться ни на одном событии. Утро начинается с быстрых,. . .	SDL3 для Web (WebAssembly): Сборка библиотек: SDL3, Box2D, FreeType, SDL3_ttf, SDL3_mixer и SDL3_image из исходников с помощью CMake и Emscripten 8Observer8 27.02.2026 Недавно вышла версия 3. 4. 2 библиотеки SDL3. На странице официальной релиза доступны исходники, готовые DLL (для x86, x64, arm64), а также библиотеки для разработки под Android, MinGW и Visual Studio. . . .
SDL3 для Web (WebAssembly): Реализация движения на Box2D v3 - трение и коллизии с повёрнутыми стенами 8Observer8 20.02.2026 Содержание блога Box2D позволяет легко создать главного героя, который не проходит сквозь стены и перемещается с заданным трением о препятствия, которые можно располагать под углом, как верхнее. . .	Конвертировать закладки radiotray-ng в m3u-плейлист damix 19.02.2026 Это можно сделать скриптом для PowerShell. Использование . \СonvertRadiotrayToM3U. ps1 <path_to_bookmarks. json> Рядом с файлом bookmarks. json появится файл bookmarks. m3u с результатом. # Check if. . .	Семь CDC на одном интерфейсе: 5 U[S]ARTов, 1 CAN и 1 SSI Eddy_Em 18.02.2026 Постепенно допиливаю свою "многоинтерфейсную плату". Выглядит вот так: https:/ / www. cyberforum. ru/ blog_attachment. php?attachmentid=11617&stc=1&d=1771445347 Основана на STM32F303RBT6. На борту пять. . .	Камера Toupcam IUA500KMA Eddy_Em 12.02.2026 Т. к. у всяких "хикроботов" слишком уж мелкий пиксель, для подсмотра в ESPriF они вообще плохо годятся: уже 14 величину можно рассмотреть еле-еле лишь на экспозициях под 3 секунды (а то и больше),. . .

@spraven 0 / 0 / 0 Регистрация: 04.08.2015 Сообщений: 18
	07.04.2016, 23:03 [ТС]
	for(int $i = 0; $i < ($glob_i - $ii); $i++) ненравится ета строка Parse error: syntax error, unexpected T_VARIABLE, expecting ';' Или я что то делаю не так ) 0

@полудух 209 / 191 / 49 Регистрация: 15.03.2016 Сообщений: 1,230
	07.04.2016, 23:11
	int то уберите 0

@spraven 0 / 0 / 0 Регистрация: 04.08.2015 Сообщений: 18
	10.04.2016, 23:36 [ТС]
	Поможете? 0

@полудух 209 / 191 / 49 Регистрация: 15.03.2016 Сообщений: 1,230
	10.04.2016, 23:39
	вы что за 2 дня загуглить не могли элементарную вёрстку? ну ступайте в раздел вёрстки тогда и ждите там помощи 0