преобразование LTR в класс RTL Div?

0

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

style.css

<div class="span12 head_area"><div class="row">
<div class="span6 alpha">
<div class="logo_area">
<div id="widgets-reloaded-bizz-logo-2" class="widget logo"><div class="logo-spot"><div class="blog-title"><a href="http://bestdrive.co">Best Drive</a></div><div class="blog-description"></div></div></div><div id="transposh-2" class="widget widget_transposh"><span class="no_translate"><select name="lang" onchange="document.location.href=this.options[this.selectedIndex].value;"><option value="/" selected="selected">English</option><option value="/?lang=ar">العربية</option></select><br></span><div id="tr_credit"></div></div></div>
</div>
<div class="span6 omega">
<div class="contact_area">
<div id="bizz_cinfo-2" class="widget widget_cinfo">         <div class="contact-info">
                <div class="cblock c1">
<span class="pmeta">Email</span><a href="mailto:[email protected]"><span class="psmall">[email protected]</span></a>              </div>
                <div class="cblock c2">
<span class="pmeta">Call Us</span><a href="tel:+961 3 120 110"><span class="plarge">+961 3 120 110</span></a>               </div>
            </div>
</div></div>
</div>
</div>
</div>

Если я span6 изменения в span6 это влияет как на span6 alpha и на span6 omega. Я также попробовал float: right на области логотипа. Но это не движется прямо от окна. Он фактически перемещается вправо от span6 alpha.

Я хочу span6 alpha с правой стороны и span6 omega с левой стороны.

Где я могу внести изменения?

  • 0
    Когда вы устанавливаете селектор css на .span.alpha (без пробелов), он будет влиять только на элемент, у которого есть эти два класса вместе.
  • 0
    Вики-тег: «Абстракция уровня передачи регистра (RTL) используется в языках описания оборудования, таких как Verilog и VHDL. Не используйте этот тег справа налево ».
Показать ещё 1 комментарий
Теги:

1 ответ

0
Лучший ответ

Просто глядя на ваш код, это должно быть просто .alpha {float: right} чтобы заставить всю группу двигаться вправо и позволять .omega вверх по левому .omega. Помещение float на logo_area как и вы, не повлияло бы на его отношение к contact_area потому что каждый из них сам содержится внутри своих alpha и omega оберток.

Ещё вопросы

Сообщество Overcoder
Наверх
Меню