Question

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

http://en.ahmetvarlik.com/

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

在第一个网站（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 -->

Answer 1

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

Answer 2

问题解决了！

我刚刚添加：

#navibar a { color: #616161 !important; margin: 0 10px 0 10px;}

但是#navibar a:hover { color: #000000;}无效。

在Blogger上添加保证金

2 个答案: