2016-11-25 71 views
1

你好,我是一个新手,在这个即时混乱尝试建立一个小型网站与HTML和CSS。即时通讯有一个问题,在我的页面左侧,我有我的外部网页的链接。而在我的页面中间,我在一节中有一段,但这段似乎与我的链接有冲突。一些链接不会让我点击它们。html5和css链接干扰

这是我的CSS可以Sombody告诉我什么即时做错了吗?

/*

*/

体{

颜色:白色;

background-color:black;

font-family:Verdana,Geneva,sans-serif;

}

头{

边界:5px的固体蓝;

}

表,TH,TD {

边界:1px的固体白色;

}

部{

字体-family:宋体;

font-size:15px;

text-align:center;

padding:70px;

left:0;

margin:auto;

margin-top:-100px;

position:absolute;

top:50%;

宽度:100%;

}

NAV UL {

填充:15像素;

line-height:3em;

list-style-type:none;

}

NAV UL立一个{

颜色:白色;

color:rgba(255,255,255,0。5);

text-decoration:none;

}

NAV UL李:悬停{

列表样式图像:网址(download.png);

}

NAV UL李:悬停{

颜色:RGBA(255,255,255,1);

}

+0

愿意帮忙,但我需要看到的HTML。你可以把所有的代码放在codepen或jsfiddle上吗?这很可能是这个位置:绝对导致它。 – davidatthepark

+0

此处的回复为:cp http://codepen.io/rt133/pen/gLRVVW –

回答

0

http://codepen.io/davidatthepark/pen/jVLNbv?editors=1100

看看我上面的链接。我把边界放在一边,这样你就可以看到发生了什么。我相信你已经猜到了,但section覆盖nav。并排放置元素的好方法是使用display: inline-block。确保查找display选择器,因为它对编写CSS至关重要。我所做的只是将nav的宽度设置为30%,将section设置为65%,这样它们就不会超过100%,然后给它们两个display: inline-block。希望是有道理的!

+0

如果有多一个问题,我可以移动段中的段落使其更位于中间位置? –

+0

当然,只是玩宽度百分比,直到你得到它想要的地方。如果你想看看,我改变了我的代码簿。另外,如果有帮助,请检查我的答案是否正确。如果您有更多问题,请告诉我。对不起,我这么晚回信! – davidatthepark

+0

我可以问你别的吗?这是我的新更新的笔http://codepen.io/rt133/pen/zoRKrq –