2014-07-11 32 views
0

所以我做这个网站是基于WordPress的添加动态内容,但我已经建立了一个完全的HTML/CSS和小jQuery构建的主题。不同宽度的前面和文章页

我现在面临的问题是,当我不得不放在头版的帖子像玩笑的链接到整个后

传情这样的: - http://i.gyazo.com/dda9c60eb3a822b84bdcb3e0067dfc3e.png

因为我也不知道WordPress主题,我接受了esclate的php文件的帮助,并且只是编写了一个可以保存我的css类,id和属性的代码。

因此,开始时,在header.php中这篇文章的内容是设置这样的: -

<div class="post-wrapper"> 


    <div id="page"> 
    <div id="page-bgtop"> 
     <div id="page-bgbtm"> 
      <div id="content"> 

,这是对的single.php文件相同,

我成功的网站有因为类和id是相似的,当用户点击完整文章时显示/打开,

我为罪犯做了另一堂课gle.php文章元素,但它没有影响。

这里是什么样子: - http://i.gyazo.com/0ec25c1db676463dd6aea209480e9568.png

它显示了一个传情,而不是完整的文章,我怎么能纠正呢?

顺便说一句他们所有

#page { 
width:100%; 
margin: 0 auto; 
padding: 0; 
display: inline-block; 

} 

#page-bgtop { 
} 

#page-bgbtm { 
margin: 0px; 
padding: 40px 50px 0px 50px; 

} 



#content { 
float: left; 
width: 100%; 
padding: 0px 0px 0px 0px; 
margin-left: -40px; 
padding: 20px; 
display: inline-block; 
margin-bottom: 40px; 
font-family: 'Raleway',Arial,sans-serif; 
font-size: 14px; 
line-height: 23px; 
-webkit-margin-before: 1em; 
-webkit-margin-after: 1em; 
-webkit-margin-start: 0px; 
-webkit-margin-end: 0px; 
} 

我希望我已经在谨慎把握我这个问题解释了一切CSS代码。

回答

0

由于您正在处理id,因此在使用id的情况下,默认情况下会覆盖类。你可以在你的html中创建新的id或者添加class =“”,所以在你的css中你可以标记重要的元素来覆盖id内容。这会变得混乱,尽管如此,在上面的例子中你最好将你的id改为class,并使用id对不同页面中的类进行小的修改。