мой код
Код: Выделить всё
{% extends "base.html" %}
{% load static %}
{% load humanize %}
{% block title %}
فاکتور ها
{% endblock title %}
{% block content %}
{% for factor in object_list %}
[list]
[*]
[url=#scrollspyHeading1{{factor.id}}]اطلاعات فاکتور[/url]
[*]
[url=#scrollspyHeading2{{factor.id}}]محصولات[/url]
[/list]
[h4]اطلاعات فاکتور[/h4]
شناسه فاکتور
جمع فاکتور
تاریخ و ساعت
وضعیت ارسال
{{factor.id}}
{{factor.payment.amount}}
{{factor.payment.time}}
{% if factor.delevery_status == 0 %}
ارسال نشده
{% else %}
ارسال شده
{% endif %}
[h4]محصولات[/h4]
نام محصول
تعداد محصول
قیمت واحد
قیمت کل
{% for product in factor.factoritem_set.all %}
{{product.title}}
{{product.number}}
{{product.price}}
{{product.item_price}}
{% endfor %}
{% empty %}
فاکتوری برای نمایش وجود ندارد
[i][/i]
{% endfor %}
{% endblock content %}
я хочу вот этого:
пример
< pre class="snippet-code-css lang-css Prettyprint-override">
Код: Выделить всё
.myclass{
max-height: 250px;
overflow-y: auto;
border: #ffd036 solid 2px;
border-radius: 5px;
padding: 10px;
}
.myclass > div{
min-height: 195px !important;
}
Код: Выделить всё
& l t ; t i t l e & g t ; D o c u m e n t & l t ; / t i t l e & g t ; < b r / > & l t ; l i n k h r e f = " h t t p s : / / c d n . j s d e l i v r . n e t / n p m / b o o t s t r a p @ 5 . 3 . 3 / d i s t / c s s / b o o t s t r a p . m i n . c s s " r e l = " s t y l e s h e e t " i n t e g r i t y = " s h a 3 8 4 - Q W T K Z y j p P E j I S v 5 W a R U 9 O F e R p o k 6 Y c t n Y m D r 5 p N l y T 2 b R j X h 0 J M h j Y 6 h W + A L E w I H " c r o s s o r i g i n = " a n o n y m o u s " & g t ; < b r / > & l t ; s c r i p t s r c = " h t t p s : / / c d n . j s d e l i v r . n e t / n p m / b o o t s t r a p @ 5 . 3 . 3 / d i s t / j s / b o o t s t r a p . b u n d l e . m i n . j s " i n t e g r i t y = " s h a 3 8 4 - Y v p c r Y f 0 t Y 3 l H B 6 0 N N k m X c 5 s 9 f D V Z L E S a A A 5 5 N D z O x h y 9 G k c I d s l K 1 e N 7 N 6 j I e H z " c r o s s o r i g i n = " a n o n y m o u s " & g t ; & l t ; / s c r i p t & g t ; < b r / > < b r / > & l t ; / h e a d & g t ; < b r / > & l t ; b o d y & g t ; < b r / > & l t ; d i v c l a s s = " c o n t a i n e r " & g t ; < b r / > & l t ; n a v i d = " n a v b a r - e x a m p l e 2 1 " c l a s s = " n a v b a r b g - b o d y - t e r t i a r y p b - 3 m t - 3 " & g t ; < b r / > & l t ; a c l a s s = " n a v b a r - b r a n d " h r e f = " # " & g t ; N a v b a r & l t ; / a & g t ; < b r / > & l t ; u l c l a s s = " n a v n a v - p i l l s " & g t ; < b r / > & l t ; l i c l a s s = " n a v - i t e m " & g t ; < b r / > & l t ; a c l a s s = " n a v - l i n k " h r e f = " # s c r o l l s p y H e a d i n g 1 1 " & g t ; F i r s t & l t ; / a & g t ; < b r / > & l t ; / l i & g t ; < b r / > & l t ; l i c l a s s = " n a v - i t e m " & g t ; < b r / > & l t ; a c l a s s = " n a v - l i n k " h r e f = " # s c r o l l s p y H e a d i n g 2 1 " & g t ; S e c o n d & l t ; / a & g t ; < b r / > & l t ; / l i & g t ; < b r / > & l t ; l i c l a s s = " n a v - i t e m " & g t ; < b r / > & l t ; a c l a s s = " n a v - l i n k " h r e f = " # " & g t ; a b c & l t ; / a & g t ; < b r / > & l t ; / l i & g t ; < b r / > < b r / > & l t ; / u l & g t ; < b r / > & l t ; / n a v & g t ; < b r / > & l t ; d i v d a t a - b s - s p y = " s c r o l l " d a t a - b s - t a r g e t = " # n a v b a r - e x a m p l e 2 1 " d a t a - b s - r o o t - m a r g i n = " 0 p x 0 p x - 4 0 % " d a t a - b s - s m o o t h - s c r o l l = " t r u e " c l a s s = " s c r o l l s p y - e x a m p l e b g - b o d y - t e r t i a r y p - 3 m y c l a s s r o u n d e d - 2 " t a b i n d e x = " 0 " & g t ; < b r / > & l t ; h 4 i d = " s c r o l l s p y H e a d i n g 1 1 " & g t ; F i r s t h e a d i n g & l t ; / h 4 & g t ; < b r / > & l t ; d i v & g t ; < b r / > & l t ; t a b l e c l a s s = " t a b l e " & g t ; < b r / > & l t ; t h e a d & g t ; < b r / > & l t ; t r c l a s s = " t e x t - c e n t e r " & g t ; < b r / > & l t ; t h s c o p e = " c o l " & g t ; ن ا م م ح ص و ل & l t ; / t h & g t ; < b r / > & l t ; t h s c o p e = " c o l " & g t ; ت ع د ا د م ح ص و ل & l t ; / t h & g t ; < b r / > & l t ; t h s c o p e = " c o l " & g t ; ق ی م ت و ا ح د & l t ; / t h & g t ; < b r / > & l t ; t h s c o p e = " c o l " & g t ; ق ی م ت ک ل & l t ; / t h & g t ; < b r / > < b r / > & l t ; / t r & g t ; < b r / > & l t ; / t h e a d & g t ; < b r / > & l t ; t b o d y & g t ; < b r / > < b r / > & l t ; t r c l a s s = " t e x t - c e n t e r " & g t ; < b r / > & l t ; t d & g t ; t i t l e & l t ; / t d & g t ; < b r / > & l t ; t d & g t ; n u m b e r & l t ; / t d & g t ; < b r / > & l t ; t d & g t ; p r i c e & l t ; / t d & g t ; < b r / > & l t ; t d & g t ; i t e m _ p r i c e & l t ; / t d & g t ; < b r / > & l t ; / t r & g t ; < b r / > < b r / > < b r / > & l t ; / t b o d y & g t ; < b r / > & l t ; / t a b l e & g t ; < b r / > & l t ; / d i v & g t ; < b r / > < b r / > & l t ; h 4 i d = " s c r o l l s p y H e a d i n g 2 1 " & g t ; S e c o n d h e a d i n g & l t ; / h 4 & g t ; < b r / > & l t ; d i v & g t ; < b r / > & l t ; t a b l e c l a s s = " t a b l e " & g t ; < b r / > & l t ; t h e a d & g t ; < b r / > & l t ; t r c l a s s = " t e x t - c e n t e r " & g t ; < b r / > & l t ; t h s c o p e = " c o l " & g t ; ش ن ا س ه ف ا ک ت و ر & l t ; / t h & g t ; < b r / > & l t ; t h s c o p e = " c o l " & g t ; ج م ع ف ا ک ت و ر & l t ; / t h & g t ; < b r / > & l t ; t h s c o p e = " c o l " & g t ; ت ا ر ی خ و س ا ع ت & l t ; / t h & g t ; < b r / > & l t ; t h s c o p e = " c o l " & g t ; و ض ع ی ت ا ر س ا ل & l t ; / t h & g t ; < b r / > & l t ; / t r & g t ; < b r / > & l t ; / t h e a d & g t ; < b r / > & l t ; t b o d y & g t ; < b r / > & l t ; t r c l a s s = " t e x t - c e n t e r " & g t ; < b r / > & l t ; t d & g t ; i d & l t ; / t d & g t ; < b r / > & l t ; t d & g t ; a m o u n t & l t ; / t d & g t ; < b r / > & l t ; t d & g t ; t i m e & l t ; / t d & g t ; < b r / > & l t ; t d & g t ; < b r / > 1 2 3 4 < b r / > & l t ; / t d & g t ; < b r / > & l t ; / t r & g t ; < b r / > < b r / > & l t ; / t b o d y & g t ; < b r / > & l t ; / t a b l e & g t ; < b r / > & l t ; / d i v & g t ; < b r / > < b r / > & l t ; / d i v & g t ; < b r / > < b r / > & l t ; n a v i d = " n a v b a r - e x a m p l e 2 2 " c l a s s = " n a v b a r b g - b o d y - t e r t i a r y p x - 3 m t - 3 " & g t ; < b r / > & l t ; a c l a s s = " n a v b a r - b r a n d " h r e f = " # " & g t ; N a v b a r & l t ; / a & g t ; < b r / > & l t ; u l c l a s s = " n a v n a v - p i l l s " & g t ; < b r / > & l t ; l i c l a s s = " n a v - i t e m " & g t ; < b r / > & l t ; a c l a s s = " n a v - l i n k " h r e f = " # s c r o l l s p y H e a d i n g 1 2 " & g t ; F i r s t & l t ; / a & g t ; < b r / > & l t ; / l i & g t ; < b r / > & l t ; l i c l a s s = " n a v - i t e m " & g t ; < b r / > & l t ; a c l a s s = " n a v - l i n k " h r e f = " # s c r o l l s p y H e a d i n g 2 2 " & g t ; S e c o n d & l t ; / a & g t ; < b r / > & l t ; / l i & g t ; < b r / > < b r / > & l t ; / u l & g t ; < b r / > & l t ; / n a v & g t ; < b r / > & l t ; d i v d a t a - b s - s p y = " s c r o l l " d a t a - b s - t a r g e t = " # n a v b a r - e x a m p l e 2 2 " d a t a - b s - r o o t - m a r g i n = " 0 p x 0 p x - 4 0 % " d a t a - b s - s m o o t h - s c r o l l = " t r u e " c l a s s = " s c r o l l s p y - e x a m p l e b g - b o d y - t e r t i a r y p - 3 m y c l a s s r o u n d e d - 2 " t a b i n d e x = " 0 " & g t;
[h4]First heading[/h4]
نام محصول
تعداد محصول
قیمت واحد
قیمت کل
title
number
price
item_price
[h4]Second heading[/h4]
شناسه فاکتور
جمع فاکتور
تاریخ و ساعت
وضعیت ارسال
id
amount
time
1234
[url=#]Navbar[/url]
[list]
[*]
[url=#scrollspyHeading13]First[/url]
[*]
[url=#scrollspyHeading23]Second[/url]
[/list]
[h4]First heading[/h4]
نام محصول
تعداد محصول
قیمت واحد
قیمت کل
title
number
price
item_price
[h4]Second heading[/h4]
شناسه فاکتور
جمع فاکتور
تاریخ و ساعت
وضعیت ارسال
id
amount
time
1234

Я понятия не имею, как исправить этот
инструмент, который я использую
- python -> 3.12
- Django -> 5
- html -> 5
bootstrap -> 5
Подробнее здесь: https://stackoverflow.com/questions/789 ... tml-css-an