我想在导航栏上分开“ TR”和“ EN”部分。这是有问题的一个:

http://en.ahmetvarlik.com/

“ TR”和“ EN”选项卡在本网站中彼此之间过于接近。我想这样安排:

Sample Align

在第一个网站(en.ahmetvarlik.com)中,我在“导航栏”部分添加了不同的代码。我还给了本节font-size,text-align,但是我没有给出页边距和文本颜色。
谁能帮我?

代码:
第一个网站(en.ahmetvarlik.com):

a.navitabs, a.navitabs:link, a.navitabs:visited {display:inline-block !important; width:20x; height:25px; margin: 0 10px 0 10px; margin-top:0px; margin-bottom:10px; text-align:center; text-decoration:none; font-family:verdana; font-size:11px; color: #616161 !important; line-height:25px; overflow:hidden; float:none;}

a.navitabs:hover {color: #000000;}
#navibar {width:200px; margin:0 auto; text-align:center; color: #616161 !important; font-family:verdana; font-size:11px; float:none;}


<b:widget id='HTML3' locked='false' title='' type='HTML'>
 <b:widget-settings>
   <b:widget-setting name='content'>&lt;!-- Navigation tabs start --&gt;
&lt;div id=&#39;navibar&#39;&gt;
&lt;script language=&quot;javascript&quot; type=&quot;text/javascript&quot;&gt;
document.write (&quot;&lt;a href=&quot; + window.location.protocol + &quot;//&quot; + &quot;www.ahmetvarlik.com&quot; + window.location.pathname + &quot;&gt;  TR  &lt;/a&gt;&quot;);
&lt;/script&gt;
&lt;script language=&quot;javascript&quot; type=&quot;text/javascript&quot;&gt;
document.write (&quot;&lt;a href=&quot; + window.location.protocol + &quot;//&quot; + &quot;en.ahmetvarlik.com&quot; + window.location.pathname + &quot;&gt;  EN  &lt;/a&gt;&quot;);
&lt;/script&gt;
&lt;div&gt;
&lt;!-- Navigation tabs end --&gt;&lt;/div&gt;&lt;/div&gt;</b:widget-setting>


样本图片代码:

a.navitabs, a.navitabs:link, a.navitabs:visited {display:inline-block !important; width:20x; height:25px; margin: 0 10px 0 10px; margin-top:0px; margin-bottom:10px; text-align:center; text-decoration:none; font-family:verdana; font-size:11px; color: #616161; line-height:25px; overflow:hidden; float:none;}

a.navitabs:hover {color: #000000;}
#navibar {width:200px; margin:0 auto; text-align:center;}

<!--Navigation page element starts -->
<div id='navibar-wrapper'>
<b:section class='navibar_section' id='navibar_section' showaddelement='yes'>


<b:widget id='HTML3' locked='false' title='' type='HTML'>
 <b:widget-settings>
   <b:widget-setting name='content'>&lt;!-- Navigation tabs start --&gt;
&lt;div id=&#39;navibar&#39;&gt;
&lt;a href=&quot;http://www.ahmetvarlik.com/&quot; class=&quot;navitabs&quot; title=&gt;TR&lt;/a&gt;
&lt;a href=&quot;SOON!&quot; class=&quot;navitabs&quot; title=&gt;EN&lt;/a&gt;
&lt;div&gt;
&lt;!-- Navigation tabs end --&gt;&lt;/div&gt;&lt;/div&gt;</b:widget-setting>
 </b:widget-settings>
 <b:includable id='main'>
<!-- only display title if it's non-empty -->
<b:if cond='data:title != &quot;&quot;'>
<h2 class='title'><data:title/></h2>
</b:if>
<div class='widget-content'>
<data:content/>
</div>



<b:include name='quickedit'/>
</b:includable>
</b:widget>
</b:section>
</div>
<div style='clear: both;'/>
<!--Navigation page element ends -->

最佳答案

当我尝试在div上设置边距并按预期进行链接时,我认为没有问题。

09-10 02:41
查看更多