Новости Joomla

0 Пользователей и 1 Гость просматривают эту тему.
  • 6 Ответов
  • 10081 Просмотров
*

inko_gnito

  • Захожу иногда
  • 79
  • 0 / 0
в общем - хочу внутри блока Li выровнять текст по вертикали, чтобы сделать отступы от border-bottom и border-top - одинаковыми.

у меня получился следующий код:

postcontent ul li {
display: block;
width: 200px;
height: 35px;
border-bottom: 1px dashed black;
}

postcontent ul li a {
position:absolute;
top: 50%
}

- в итоге все a собираются в кучу в блоке ul в центре, что... что делаю не так? 
*

asomnia

  • Захожу иногда
  • 183
  • 12 / 0
добавьте к li position:relative;

но. а не станет вертикально по центру .. это не  верный подход

попробуйте для li

postcontent ul li  {
display:table-cell;
width: 200px;
height: 35px;
vertical-align:middle;
border-bottom: 1px dashed black;
}
*

inko_gnito

  • Захожу иногда
  • 79
  • 0 / 0
пробовал - выстраивает в строчку все ячейки, вместо вертикального меню... clear: both; не помогает... и, кстати, table-cell - не поддерживается IE...
*

Shustry

  • Moderator
  • 6434
  • 745 / 3
А так не проще:
Код
postcontent ul a {line-height:35px; height:35px; display:block;}
Или я неправильно понял задачу?
*

Shustry

  • Moderator
  • 6434
  • 745 / 3
Мне кажется проще так
Мне кажется, так не работает.
*

SanchPRO

  • Новичок
  • 2
  • 0 / 0
Доброго времени суток.

Я долго мучился и нашел только один выход:

#menu li a{   
        ...
        display:block;
        height:auto;
   padding:10px 0;
        ...
}
*

Equilibrium07

  • Захожу иногда
  • 205
  • 8 / 1
Цитировать
postcontent ul li a {
position:absolute;
top: 50%
}

- в итоге все a собираются в кучу в блоке ul в центре, что... что делаю не так?
используешь абсолют
вообще по вертикали текст автоматом равняется, максимум что нужно делать - margin-bottom в процентах задать.
Если нужно чтобы слой с li был абсолютом - то пиши абсолют для предка, тобишь для ul а еще лучще для предка ul
Чтобы оставить сообщение,
Вам необходимо Войти или Зарегистрироваться
 

Проблема с таблицей при просмотре с мобильника

Автор annetkas

Ответов: 5
Просмотров: 2263
Последний ответ 19.11.2021, 14:06:15
от effrit
Проблема с миниатюрами

Автор Stasweb

Ответов: 4
Просмотров: 1129
Последний ответ 03.11.2020, 17:04:00
от Nikolay89
Расположение текста

Автор ast

Ответов: 4
Просмотров: 2356
Последний ответ 17.06.2020, 16:45:26
от ast
Проблема с меню на сайте

Автор nesskafe

Ответов: 9
Просмотров: 1383
Последний ответ 01.06.2020, 11:03:58
от sivers
Проблема с меню на сайте и иконками Awesome

Автор Lemonez

Ответов: 1
Просмотров: 1722
Последний ответ 10.02.2020, 05:02:12
от Lemonez