Выравнивание двух элементов на одной строке

Board index phpBBex 1.x Поддержка

Description: У вас проблемы с phpBBex 1.x и вам необходима помощь? Спрашивайте здесь!
Forum rules: Одна тема — один вопрос или группа связанных вопросов. Обязательно формируйте внятный заголовок, максимально отражающий суть вопроса. Подробно описывайте проблему. Не забудьте указать версию phpBBex и какие моды установлены, по возможности добавьте скриншоты проблемы или ссылку на страницу с проблемой.
Moderator: Поддержка

Post #1by Степан » 21.07.2015, 22:56

Вопрос к форуму такой. Нужно выровнять на одной строке переводчик Google и блок ссылок.
Overall_header.html:

Code: Select all
<div id="wrap" class="page-width">
<div>
<!-- ENDIF -->

      <!-- EVENT overall_header_navbar_before -->
            <div id="google_translate_element" class="google_translate_element"></div><script type="text/javascript">
function googleTranslateElementInit() {
  new google.translate.TranslateElement({pageLanguage: 'ru', includedLanguages: 'ar,de,el,en,es,fa,fr,iw,ja,pt,ru,tr,zh-CN,zh-TW', layout: google.translate.TranslateElement.FloatPosition.TOP_LEFT, multilanguagePage: true}, 'google_translate_element');
}
</script><script type="text/javascript" src="//translate.google.com/translate_a/element.js?cb=googleTranslateElementInit"></script>
<div id="logo" class="servicelinks" style="text-align:right; font-weight:bold;"><a href="http://sletat.ru" target="_blank" title="Заказ туров" style="color:#9966FF; float: center; text-align: center;">Заказ туров</a> | <a href="https://airbnb.ru" target="_blank" title="Снять жильё" style="color:#996600; float: center; text-align: center;">Снять жильё</a> | <a href="http://www.rentalcars.com/ru" target="_blank" title="Аренда автомобиля" style="color:#CC3333; float: center; text-align: center;">Аренда автомобиля</a> | <a href="https://booking.com" target="_blank" title="Бронирование отеля" style="color:#993399; float: center; text-align: center;">Бронирование отеля</a> | <a href="http://www.alfastrah.ru/individuals/travel/vzr2" target="_blank" title="Страхование выезжающих за рубеж" style="color:#663399; float: center; text-align: center;">Страхование выезжающих за рубеж</a></div>
      <!-- INCLUDE navbar_header.html -->
   </div>

Custom.scss (для переводчика был создан класс, чтобы можно было задавать ему параметры стиля):

Code: Select all
.google_translate_element {width: 50%;float: left;}
.servicelinks {width: 50%;float: right;}

Как это выглядит на сайте:

Image

Как выровнять эти два элемента строго на одном уровне? Или сама высота блока переводчика уже не позволяет этого сделать? Спасибо!
Степан M
Topic author, Новичок
Reputation: 2
With us: 2 yaers 2 months

Return to Поддержка



Who is online (over the past 10 minutes)

Users browsing this forum: 1 guest

cron