Я конвертирую тему в 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 с левой стороны.
Где я могу внести изменения?
Просто глядя на ваш код, это должно быть просто .alpha {float: right}
чтобы заставить всю группу двигаться вправо и позволять .omega
вверх по левому .omega
. Помещение float
на logo_area
как и вы, не повлияло бы на его отношение к contact_area
потому что каждый из них сам содержится внутри своих alpha
и omega
оберток.
.span.alpha
(без пробелов), он будет влиять только на элемент, у которого есть эти два класса вместе.