Форум программистов, компьютерный форум, киберфорум
HTML, CSS
Войти
Регистрация
Восстановить пароль
Блоги Сообщество Поиск Заказать работу  
 
Рейтинг 5.00/5: Рейтинг темы: голосов - 5, средняя оценка - 5.00
0 / 0 / 0
Регистрация: 22.06.2018
Сообщений: 93

Не применяются стили css к товарам с БД только к первому

22.06.2018, 15:49. Показов 1196. Ответов 12
Метки нет (Все метки)

Студворк — интернет-сервис помощи студентам
При создании интернет-магазина возникла проблема с выводом товаров, а именно стили применяются только к первому в номеру БД. А остальные так и остаются не отредактированы просто выводятся. Товары выводятся с помощью функции в списке ul. Списку присвоено id через не и делаю стили. Помогите пожалуйста... В глобальной сети ничего подобного не встречал.
0
IT_Exp
Эксперт
34794 / 4073 / 2104
Регистрация: 17.06.2006
Сообщений: 32,602
Блог
22.06.2018, 15:49
Ответы с готовыми решениями:

Не применяются стили CSS
Не работает код для <p>, помогите, что не так?!( <!DOCTYPE html!> <html> <head> <title>Автошкола ВИРАЖ</title> <link...

Не применяются стили из CSS
Не могу понять, почему не применяются стили из css файла(( <head> <title>Kharkiv ONLINE - info.kpi5</title> <link...

Не применяются стили Css
Помогите разобраться почему не применяются стили к первому input в форме регистрации (Email), если ко всем остальным инпутам с такимиже...

12
Модератор
Эксперт HTML/CSS
 Аватар для AlexZaw
2379 / 1739 / 677
Регистрация: 07.08.2016
Сообщений: 4,093
22.06.2018, 16:57
Цитата Сообщение от Sanya9b Посмотреть сообщение
Списку присвоено id через не и делаю стили.
Переведите на русский, что сие означает?

Попробуйте прописать селектор стилей вот так: #ваш_id > li. Если не поможет покажите код, т.к. непонятно что и к чему вы применяете
0
0 / 0 / 0
Регистрация: 22.06.2018
Сообщений: 93
22.06.2018, 19:52  [ТС]
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
<ul id="block-tovar-grid">
<?php
    $result = mysql_query("SELECT * FROM table_products ",$link);
    if(mysql_num_rows($result) > 0)
    {
        $row = mysql_fetch_array($result);
        do 
        {
            if ($row["image"] != "" && file_exists("./uploads_images/".$row["image"]))
            {
                $img_path = './uploads_images/'.$row["image"];             
                $max_width = 200;
                $max_height = 200;
                list($width, $height)= getimagesize($img_path);
                $ratioh = $max_height/$height;
                $ratiow = $max_width/$width;
                $ratio = min($ratioh,$ratiow);
                $width = intval($ratio*$width);
                $height = intval($ratio*$height);
                
            }else
            {
                
                $img_path = "/images/no-image.png";
                $width = 110;
                $height = 220;
            }
          echo '
          <li> 
          <div class="block-images-grid">
          <img src="'.$img_path.'" width="'.$width.' height="'.$height.'"" />
          
          </div>
          <p class= id"style-title-grid"><a href=" ">'.$row["title"].'</a></p>
          <ul class= "reviews-and-counts-grid">
          <li><img src="https://www.cyberforum.ru/images/eye-icon.png" /></li>
          <li><img src="https://www.cyberforum.ru/images/comment-icon.png" /></li>
          </ul>
          <a class="add-cart-style-grid"></a>
          <p class="style-price-grid><strong></strong>руб.</p>
          <div class="mini-features">
          '.$row["mini_opys"].'
          </div>
          </li>
          ';
        }
        while($row = mysql_fetch_array($result));
    }
?>
</ul>
Вот код и к этому id="block-tovar-grid" применяю стили

CSS
1
2
3
4
5
6
#block-tovar-grid > li{
    list-style-type: none;
    border: 1px solid black;
    width: 300px;
    height: 400px;
}
Вот код из сss
0
Модератор
Эксперт HTML/CSS
 Аватар для AlexZaw
2379 / 1739 / 677
Регистрация: 07.08.2016
Сообщений: 4,093
22.06.2018, 22:01
Покажите сгенерированный код, а не пхп
0
0 / 0 / 0
Регистрация: 22.06.2018
Сообщений: 93
22.06.2018, 22:26  [ТС]
Извините но где этот сгенерированый код, это нужно исходный с сайта взять???

Добавлено через 15 минут
Если я правильно все понял то вот

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
<ul id="block-tovar-grid">
 
          <li> 
          <div class="block-images-grid">
          <img src="./uploads_images/img1.jpeg" width="200 height="200"" />
          
          </div>
          <p class= id"style-title-grid"><a href=" ">Брелок Key Finder</a></p>
          <ul class= "reviews-and-counts-grid">
          <li><img src="images/eye-icon.png" /></li>
          <li><img src="images/comment-icon.png" /></li>
          </ul>
          <a class="add-cart-style-grid"></a>
          <p class="style-price-grid><strong></strong>грн.</p>
          <div class="mini-features">
          Особенности:100% новый и высокое качество Цвет: отправить случайные(Вы можете получить любые цвета) Материал: ABS Источник питания: 2 * AG3 батареи кнопка 
          </div>
          </li>
          
          <li> 
          <div class="block-images-grid">
          <img src="./uploads_images/img1.jpeg" width="200 height="200"" />
          
          </div>
          <p class= id"style-title-grid"><a href=" ">Брелок Key Finder</a></p>
          <ul class= "reviews-and-counts-grid">
          <li><img src="images/eye-icon.png" /></li>
          <li><img src="images/comment-icon.png" /></li>
          </ul>
          <a class="add-cart-style-grid"></a>
          <p class="style-price-grid><strong></strong>грн.</p>
          <div class="mini-features">
          Особенности:100% новый и высокое качество Цвет: отправить случайные(Вы можете получить любые цвета) Материал: ABS Источник питания: 2 * AG3 батареи кнопка 
          </div>
          </li>
          </ul>
0
Модератор
Эксперт HTML/CSS
 Аватар для AlexZaw
2379 / 1739 / 677
Регистрация: 07.08.2016
Сообщений: 4,093
22.06.2018, 22:49
Вы правильно поняли, теперь вопрос в другом, что именно у вас не работает?
Если нужно чтобы у вложенных списков не было значков то пропишите вот так:
CSS
1
2
3
#block-tovar-grid  li{
    list-style-type: none;
}
либо просто
CSS
1
2
3
li{
    list-style-type: none;
}
тогда значков не будет у всех списков на странице
0
0 / 0 / 0
Регистрация: 22.06.2018
Сообщений: 93
23.06.2018, 07:21  [ТС]
Вот со значками спасибо сделал, сработало а то я к каждому писал. Но мне нужно чтобы именно рамка создавалась а она только к первому товару с списка БД применяется.
0
Модератор
Эксперт HTML/CSS
 Аватар для AlexZaw
2379 / 1739 / 677
Регистрация: 07.08.2016
Сообщений: 4,093
23.06.2018, 09:21
Ммм, что то я не могу понять. В приведенном коде две карточки, у обоих есть рамка. Что не так?
0
0 / 0 / 0
Регистрация: 22.06.2018
Сообщений: 93
23.06.2018, 11:14  [ТС]
Вот именно в коде есть а в браузере не отображаются только первый товар отредактирован.
0
Модератор
Эксперт HTML/CSS
 Аватар для AlexZaw
2379 / 1739 / 677
Регистрация: 07.08.2016
Сообщений: 4,093
23.06.2018, 11:43
Повторюсь, этот код рабочий, рамка есть у обоих карточек, проверялось не просто глядя на код, а именно работоспособность в браузере. Можете скопировать этот код в отдельный документ и убедиться сами. Либо я не понимаю какой именно результат вам нужен, либо ошибка где то в другом месте.
Вот так должно быть?
Миниатюры
Не применяются стили css к товарам с БД только к первому  
0
0 / 0 / 0
Регистрация: 22.06.2018
Сообщений: 93
25.06.2018, 09:54  [ТС]
Пожалуйста, если вам не трудно, можете полностью проверить что не так в прикреплённом файле. Я уже пробывал код отдельно работает а вместе нет и не могу понять где проблема
Вложения
Тип файла: rar kupuy.rar (383.8 Кб, 2 просмотров)
0
Модератор
Эксперт HTML/CSS
 Аватар для AlexZaw
2379 / 1739 / 677
Регистрация: 07.08.2016
Сообщений: 4,093
25.06.2018, 11:54
Посколько вашей БД у меня нет, добавил li-шки в список вручную. Стили применялись ко всем элементам
1
0 / 0 / 0
Регистрация: 22.06.2018
Сообщений: 93
25.06.2018, 22:14  [ТС]
Вот файл базы даных, у меня все равно не работает эти стили. Буду очень вам благодарен если посмотрите что там все-таки не так. А то я уже денвер менял на openserver, версии БД и все без толку
Вложения
Тип файла: rar db_kupuy.rar (1.2 Кб, 3 просмотров)
0
Надоела реклама? Зарегистрируйтесь и она исчезнет полностью.
BasicMan
Эксперт
29316 / 5623 / 2384
Регистрация: 17.02.2009
Сообщений: 30,364
Блог
25.06.2018, 22:14
Помогаю со студенческими работами здесь

Не применяются CSS-стили
Уже не знаю в чем проблема, стили не применяются, прошу помощи. &lt;!DOCTYPE html&gt; &lt;html&gt; &lt;head&gt; &lt;title&gt;Урок по...

Не применяются стили CSS
Доброго времени суток. По какой-то причине не применяются стили CSS. Static вроде бы везде подключил. Дерево проекта - SETTINGS.PY ...

Не применяются CSS-стили
Почему не работают стили для .text-index на экране 1920х1080px? ...

CSS не применяются стили на хостинге
После заливки сайта на хостинг не применяются стили, указывал и относительный и абсолютный пути. Сам с css плохо дружу, раньше на хостинг...

Искажение отображения, не применяются стили CSS
Собственно,очень прошу помочь,проблема с отображением изображений на сайте.Если искать в поисковике этот сайт то отображает нормально...


Искать еще темы с ответами

Или воспользуйтесь поиском по форуму:
13
Ответ Создать тему
Новые блоги и статьи
Камера Toupcam IUA500KMA
Eddy_Em 12.02.2026
Т. к. у всяких "хикроботов" слишком уж мелкий пиксель, для подсмотра в ESPriF они вообще плохо годятся: уже 14 величину можно рассмотреть еле-еле лишь на экспозициях под 3 секунды (а то и больше),. . .
И ясному Солнцу
zbw 12.02.2026
И ясному Солнцу, и светлой Луне. В мире покоя нет и люди не могут жить в тишине. А жить им немного лет.
«Знание-Сила»
zbw 12.02.2026
«Знание-Сила» «Время-Деньги» «Деньги -Пуля»
SDL3 для Web (WebAssembly): Подключение Box2D v3, физика и отрисовка коллайдеров
8Observer8 12.02.2026
Содержание блога Box2D - это библиотека для 2D физики для анимаций и игр. С её помощью можно определять были ли коллизии между конкретными объектами и вызывать обработчики событий столкновения. . . .
SDL3 для Web (WebAssembly): Загрузка PNG с прозрачным фоном с помощью SDL_LoadPNG (без SDL3_image)
8Observer8 11.02.2026
Содержание блога Библиотека SDL3 содержит встроенные инструменты для базовой работы с изображениями - без использования библиотеки SDL3_image. Пошагово создадим проект для загрузки изображения. . .
SDL3 для Web (WebAssembly): Загрузка PNG с прозрачным фоном с помощью SDL3_image
8Observer8 10.02.2026
Содержание блога Библиотека SDL3_image содержит инструменты для расширенной работы с изображениями. Пошагово создадим проект для загрузки изображения формата PNG с альфа-каналом (с прозрачным. . .
Установка Qt-версии Lazarus IDE в Debian Trixie Xfce
volvo 10.02.2026
В общем, достали меня глюки IDE Лазаруса, собранной с использованием набора виджетов Gtk2 (конкретно: если набирать текст в редакторе и вызвать подсказку через Ctrl+Space, то после закрытия окошка. . .
SDL3 для Web (WebAssembly): Работа со звуком через SDL3_mixer
8Observer8 08.02.2026
Содержание блога Пошагово создадим проект для загрузки звукового файла и воспроизведения звука с помощью библиотеки SDL3_mixer. Звук будет воспроизводиться по клику мышки по холсту на Desktop и по. . .
КиберФорум - форум программистов, компьютерный форум, программирование
Powered by vBulletin
Copyright ©2000 - 2026, CyberForum.ru