Общая вертикальное выравнивание пунктов меню

@antidemon92 · Регистрация: 29.11.2013

Author24 — интернет-сервис помощи студентам

Всем Доброго времени суток. Все на картинке черным обведены элементы у них должно быть общее вертикальное выравнивание. Я реализовал это путем вставки таблицы, но это не актуально. Прошу Вашей помощи в этом вопросе как сделать вертикальное выравнивание данных элементов не прибегая к использованию таблицы.

@antidemon92 · 23.04.2014, 18:51 **[ТС]**

Чуть не забыл вот код

HTML5

<ul class="main_menu">
                    <li><a href=""><img src="https://www.cyberforum.ru/images/beton.jpg"><table class="vertical_align"><tr><td>Бетон</table></tr></td></a>
                        <ul>
                            <li><a href="">Товарный бетон</a></li>
                            <li><a href="">Товарный бетон</a></li>
                            <li><a href="">Товарный бетон</a></li>
                            <li><a href="">Товарный бетон ррр ррр ррр ррр рр</a></li>
                            <li><a href="">Товарный раствор</a></li>
                        </ul>
                    </li>
                    <li><a href=""><img src="https://www.cyberforum.ru/images/bloki.jpg"><table class="vertical_align"><tr><td>ЖБИ</table></tr></td></a>
                        <ul>
                            <li><a href="">Товарный бетон</a></li>
                            <li><a href="">Товарный раствор</a></li>
                        </ul>
                    </li>
                    <li><a href=""><img src="https://www.cyberforum.ru/images/kuchka.jpg"><table class="vertical_align"><tr><td>Инертные материалы</table></tr></td></a>
                        <ul>
                            <li><a href="">Товарный бетон</a></li>
                            <li><a href="">Товарный раствор</a></li>
                        </ul>
                    </li>
                    <li><a href=""><img src="https://www.cyberforum.ru/images/kamaz.jpg"><table class="vertical_align"><tr><td>Аренда техники</table></tr></td></a>
                        <ul>
                            <li><a href="">Товарный бетон</a></li>
                            <li><a href="">Товарный раствор</a></li>
                        </ul>
                    </li>
                    <li><a href=""><img src="https://www.cyberforum.ru/images/kirp.jpg"><table class="vertical_align"><tr><td>Кирпич</table></tr></td></a>
                        <ul>
                            <li><a href="">Товарный бетон</a></li>
                            <li><a href="">Товарный раствор</a></li>
                        </ul>
                    </li>
                </ul>

@Atak · 28.04.2014, 17:42

vertical-align: top; верх
vertical-align: bottom; низ
vertical-align: middle; середина

выбирай

@antidemon92 1 / 1 / 6 Регистрация: 29.11.2013 Сообщений: 233
		1
	Общая вертикальное выравнивание пунктов меню 23.04.2014, 18:51. Показов 1251. Ответов 2 Метки нет (Все метки) Всем Доброго времени суток. Все на картинке черным обведены элементы у них должно быть общее вертикальное выравнивание. Я реализовал это путем вставки таблицы, но это не актуально. Прошу Вашей помощи в этом вопросе как сделать вертикальное выравнивание данных элементов не прибегая к использованию таблицы. Миниатюры 0

@Atak Warning! 326 / 31 / 12 Регистрация: 18.08.2011 Сообщений: 627
	28.04.2014, 17:42	3
	vertical-align: top; верх vertical-align: bottom; низ vertical-align: middle; середина выбирай 0

Опции темы

Общая вертикальное выравнивание пунктов меню

Решение