Joomla 3.8.2 в куске кода в template.css не видит margin

297

15 мая 2018, 19:30

Пишу я значит шаблон для сайта и столкнулся с такой проблемой: два последних margin ни в какую не хотят работать, прошарил туеву хучу форумов и сайтов и ничего. Подскажите пожалуйста как это исправить и за чем следить чтобы это не повторялось. CSS(more_mat и reg_mr не пашут):

.losng{
    background-image: url(images/top.png);
    background-size: contain;
    width: 100%;
    height: 90px;
}
.tt{
    width: 100%;
    height: 45%;
}
.tb{
    width: 100%;
    height: 45%;
}
.tTex{
    font: normal 15.5px arial;
    color: white;
    padding-top: 15px;
}
.bTex{
    font: bold small-caps 25px arial;
    color: white;
    padding-top: 8px;
    text-shadow: 1px 1px 5px rgba(0, 0, 0, 70);
}
.banner{
    background-image: url(images/top-gr.png);
    background-size: cover;
    background-repeat: no-repeat;
    width: 100%;
    height: 590px;
}
.contrGR{
    width: 100%;
    height: 540px;
    margin-top: 30px;
    margin-bottom: 110px;
}
.mrGR{
    margin-right: 10%;
    margin-left: 19%;
    padding-top: 30px;
    height: 100%;
    width: 71%;
}
.banL{
    margin-left: 15px;
    margin-right: 15px;
    max-width: 555px;
    max-height: 529px;
    width: 100%;
    height: 100%;
}
.banR{
    float: right;
    margin-left: 15px;
    margin-right: 15px;
    max-width: 555px;
    max-height: 529px;
    width: 100%;
    height: 100%;
}
.whUK{
    font: bold 28px arial;
    color: white;
}
.mac{
    max-width: 555px;
    max-height: 471px;
    width: 100%;
    height: 100%;
}
.aboveMAC{
    font: normal 16px arial;
    color: white;
}
.ul-check{
    font: normal 20px arial;
    color: white;
    text-shadow: 1px 1px 5px rgba(0, 0, 0, 70);
}
.under_text-container{
    margin-top: 60px;
}
.line{
    height: 10px;
}
.reg_text_quest{
    font: bold 20px arial;
    color: white;
    text-shadow: 1px 1px 5px rgba(0, 0, 0, 70);
}
li {
    list-style-type: none;
   }
   li:before {
    content: "✔ ";
   }
p{
    margin: 0;
}
body{
    margin: 0;
}
.more_mat{
    margin-top: 10px;
    margin-bottom: 20px;
}
.reg_mr{
    margin-top: 20px;
}

Html часть:

<body>
 <div>
    <div style="max-height: 150px">
        <div class = "losng">
            <div class = "tt"><p align = "center" class = "tTex"><strong>ПОКА НИЧЕГО</strong></p></div>
            <div class = "tb"><p align = "center" class = "bTex">пока ничего</p></div>
        </div>
    </div>
        <div class="banner">
            <div class = "contGR">
                <div class = "mrGR">
                    <div class = "banL">
                        <div><p align="center" class = "aboveMAC">пока ничего</p></div>
                        <div class = "mac"><img src="images/mac.png" class="mac"></div><!---->
                    </div>
                    <div class = "banR">
                        <div class = "whUK">
                            <p align="center">пока ничего очень ничего прям ничегооооо</p>
                        </div>
                        <div class = "under_text-container">
                            <div class = "line"><hr size="1" color = "white"></div>
                                <div><ul class = "ul-check">
                                    <li style="margin-bottom: 10px">немного меньше текста но ничего</li>
                                    <li>Книга ничего и пару ничего из ничего</li>
                                </ul></div>
                            <div class = "line" style="margin-top: 30px"><hr size="1" color = "white"></div>
                        </div>
                        <div>
                                <div class = "more_mat"><p class = "reg_text_quest" align="center">Регистрация, а так ничего:</p></div>
                                <div class = "reg_mr">
                                     <?php if ($this->countModules('registration') && $hideByView == false && $hideByEdit == false): ?>
                                     <div id="registration">
                                        <jdoc:include type="modules" name="registration" style="html5nosize" />
                                    </div>
                                        <?php endif; ?>
                                </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
</div>
</body>

Создание интернет-магазина строительных материалов в ABCname

ПОСЛЕДНИЕ ВОПРОСЫ

Все вопросы

ТОП-10

Все популярные вопросы

Создание “зоны невидимости” для элемента html

Мне нужно, что бы html элемент исчезал в определённом месте (если он находится на верхней половине страницы)Можно ли создать такую "зону невидимости"...

256

HTML