Обсуждение WP Как выровнять текст по вертикали в футере?

[vadimlgg2]

Привет, ребята. Мучусь весь день, никак не могу выровнять текст, т.е. ссылки по вертикали в футере. То кнопка вверх исчезает, то еще что-то.

<div class="footer">
        <div class="footer2">
            <div class="footer-menu">
                <div class="footer-menu-block">
                    <li><a href="http://-/">Главная</a></li>
                    <li><a href="http://-/films/">Фильмы</a></li>
                    <li><a href="http://-/serials/">Сериалы</a></li>
                    <li><a href="http://-/?do=feedback">Обратная связь</a></li>
                    <li><a href="http://-/pravoobladatelyam.html">Правообладатели</a></li>
                    <li><a href="http://-/sitemap.xml">Карта сайта</a></li>
                </div>
            </div>
            <div class="footer-right">
                <div class="footer-bottom">
                    <div class="footer-up"></div>
                </div>
            </div>
            <div style="clear: both;"></div>
        </div>
    </div>
   
</div>
</div>

Спойлер: Все стили по футеру

.footer {
padding: 30px;
height: 35px;
background: #d7d7d7;
-moz-box-shadow: inset 0 0 40px rgba(0,0,0,.33);
-webkit-box-shadow: inset 0 0 40px rgba(0,0,0,.33);
box-shadow: inset 0 0 40px rgba(0,0,0,.33);
}

.footer2 {
background: url(../images/ftr.jpg) 300px 0 repeat-y;
}

.footer-menu {
float: left;
width: 278px;
font-size: 0;
}

.footer-menu-block {
font-size: 14px;
width: 40%;
margin: 0 10% 0 0;
display: inline-block;
}

.footer-menu-block a {
display: block;
color: #242424;
margin: 0 0 8px 0;
}

.footer-menu-block a:hover {
color: #000;
}

.footer-right {
float: left;
width: 595px;
margin: 0 0 0 60px;
}

.footer-text {
color: #626262;
font-size: 14px;
line-height: 18px;
margin: 0 0 30px 0;
}

.footer-text a {
color: #000;
}

.footer-text a:hover {
color: #0e5a68;
}

.footer-bottom {
position: relative;
padding: 0 100px 0 0;
}

.footer-soc {
display: inline-block;
vertical-align: top;
margin: 0 20px 0 0;
}

.footer-soc a {
display: inline-block;
width: 24px;
height: 24px;
margin: 0 0px 0 0;
}

.footer-soc a:hover {
opacity: 0.7;
}

.soc1 {
background: url(../images/footer-soc.jpg) left top no-repeat;
}

.soc2 {
background: url(../images/footer-soc.jpg) -24px top no-repeat;
}

.soc3 {
background: url(../images/footer-soc.jpg) -48px top no-repeat;
}

.soc4 {
background: url(../images/footer-soc.jpg) -72px top no-repeat;
}

.soc5 {
background: url(../images/footer-soc.jpg) -96px top no-repeat;
}

.footer-count {
display: inline-block;
vertical-align: top;
}

.footer-count img {
margin: 0 0 2px 0;
}

.footer-up {
background: url(../images/footer-up.png) left top no-repeat;
width: 58px;
height: 44px;
cursor: pointer;
opacity: 0.3;
position: absolute;
right: 0;
top: 0;
}

.footer-up:hover {
opacity: 1;
}

.footer-background {
background: url(../images/footer-background.jpg) center bottom no-repeat;
padding: 0 0 10px 0;
}

 

[becauseahaha]

A Complete Guide to Flexbox | CSS-Tricks

 

[Defoz]

не вижу стилей для li

 

[vadimlgg2]

не вижу стилей для li

можете подсказать стили, пожалуйста?

 

[Defoz]

vadimlgg2 тебеж выше скинули ссылку

 

[vadimlgg2]

vadimlgg2 тебеж выше скинули ссылку

спасибо, там много вариантов, какой нужно выбрать? Чтобы ссылки просто я ряд шли, а не так блоком

и как прописать правильно? а то уже замучился

 

[proger86]

спасибо, там много вариантов, какой нужно выбрать? Чтобы ссылки просто я ряд шли, а не так блоком

и как прописать правильно? а то уже замучился

кинь ссылку на сайт в личку

 

[proger86]

li {
display: inline-block;
}
ul {
list-style: none;
}

 

[vadimlgg2]

кинь ссылку на сайт в личку

скинул

 

[Defoz]

proger86 у него после такого все стили полетят где присутствует ul li 😀

 

[vadimlgg2]

proger86 у него после такого все стили полетят где присутствует ul li 😀

скажи как лучше пожалуйста)

 

[Defoz]

vadimlgg2 времени пока что нет смотреть и делать...

 

[vadimlgg2]

Не понимаю, как делать, всё не получается выровнять(

 

[becauseahaha]

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

 

[proger86]

Не понимаю, как делать, всё не получается выровнять(

Смысл делать сайт если не знаешь азы HTML, в интернете столько инфы, а ты не можешь разобраться. Так что либо учи HTML либо плати кому нибудь деньги, третьего не дано, тут вряд ли кто то будет разбираться в корявом шаблоне

 

[Defoz]

proger86 даже если бы шаб был не корявый а отличный все равно не меняет того факта, что с такими знаниями сайты делать лучше не надо) а если прям таки уж хочется их делать без хотя бы базовых знаний html - css то ищи человека который будет тебе помогать на постоянке а ты ему будешь что то башлять 🙂 вот мое мнение

 

[proger86]

proger86 даже если бы шаб был не корявый а отличный все равно не меняет того факта, что с такими знаниями сайты делать лучше не надо) а если прям таки уж хочется их делать без хотя бы базовых знаний html - css то ищи человека который будет тебе помогать на постоянке а ты ему будешь что то башлять 🙂 вот мое мнение

согласен полностью!

 

[BkA]

Добрый вечер всем форумчаном )) можете помощь с (Dle движок). При загрузке сайта он пытается получить доступ к ресурсу https://dle-news.org
Screenshot
как можно исправить причину. Заранее спасибо

 

[wawe]

Добрый вечер всем форумчаном )) можете помощь с (Dle движок). При загрузке сайта он пытается получить доступ к ресурсу https://dle-news.org
Screenshot
как можно исправить причину. Заранее спасибо

Не устанавливать шаблоны, набитыми левыми ссылками.

 

[Defoz]

BkA у меня в подписи ссылка на мою тему