2015-05-09 42 views
2

我对基本的html/css非常舒服,但是我一直在我正在处理的tumblr主题中遇到问题。我的边栏中的文本无法选择,并且链接不起作用。我已经阅读过有关将某个div放在span标签内的问题的人,或者是因为某个职位:绝对的,但我不认为这两个问题都是问题。您可以查看未完成的网站here侧边栏链接不可点击,无法选择

编辑:包括相关的代码

<header id="masthead"> 
<div id="header"> 
    {block:IfMastheadPortrait} 
    <img src="{PortraitURL-128}"/> 
    {/block:IfMastheadPortrait} 
    <div id="big"><a href="http://chelseaborg.com" title="{lang:Home}">{Title}</a></div> 
    <div id="goto"><a href="http://chelseaborg.com/about">About</a> // 
    <a href="http://chelseaborg.com/submit">Contact</a></div> 
    {block:Description} 
    <p>{Description}</p> 
    {block:Description} 
</div> 
<!--Navigation--> 
<nav> 

    <div id="linx"> 
    <span style="background-color: #007A5E"><a href="http://chelseaborg.com/tagged/design">Design</a></span> 
<br /> 
    <span style="background-color: #007A5E"><a href="http://chelseaborg.com/tagged/drawing">Drawing & Painting</a></span> 
<br /> 
<span style="background-color: #007A5E"><a href="http://chelseaborg.com/tagged/photo"> Photography</a></span> 
<br /> 
<span style="background-color: #007A5E"><a href="http://chelseaborg.com/tagged/mix">Mixed Media</a></span> 
</div> 
    <br /> 
</nav> 
</header> 

而CSS

#big { 
color: {color:Masthead links}; 
font-size: 40px; 
font-family: 'Codystar', sans-serif; 
text-align: center; 
} 
#masthead { 
background: {color:Masthead background} url('{image:Masthead}'); 
opacity: 0.7; 
padding: 2%; 
color: {color:Masthead text}; 
font-size:10.5px; 
width: 180px; 
height: 100%; 
position: fixed; 
float:left; 
xmargin: {text:Post margin}; 


} 
#masthead a { 
color: {color:Masthead links}; 
} 
nav li { 
display: inline; 
} 
#linx { 
text-align:center; 
font-size:15px; 
line-height:1.5; 
font-family: {font:body} ; 
color: #007A5E; 
} 
#linx a { 
color:#000; 
} 
#goto { 
text-align:center; 
line-height:3; 
} 
#goto a { 
color:#00A37D; 
} 
+1

有代码查看以及查找和修复问题总是有用 – mas4

+0

使用萤火虫识别您的问题。 – yogihosting

+0

您的链接在[关于我](http://chelseaborg.com/about)页面中正常工作。尝试从那里复制并粘贴您的代码到这里。可能只是造成这个错误的小错字。 – mas4

回答

1

给一个z-index因此它坐落在的#content顶部边栏:

#masthead {  
    z-index: 1; 
} 

只是头xmargin不是一回事。 :D

+1

感谢您的建议,它的工作!另外哈哈我知道xmargin不是什么东西,我把x放在前面关掉那个特定的行而不是删除它,以防我将来使用它。 – Chelsea

+0

啊,好想法的蝙蝠侠!祝好运与主题的其余部分。 – mikedidthis