Overall_header.html:
- Код: Выделить всё
<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 (для переводчика был создан класс, чтобы можно было задавать ему параметры стиля):
- Код: Выделить всё
.google_translate_element {width: 50%;float: left;}
.servicelinks {width: 50%;float: right;}
Как это выглядит на сайте:
Как выровнять эти два элемента строго на одном уровне? Или сама высота блока переводчика уже не позволяет этого сделать? Спасибо!
