如何将menubar的代码与页面的代码结合起来?

问题描述:

我有一个PHP页面,它有CSS脚本。 我想把菜单栏放在该页面中,如何在该页面显示菜单栏而不会打扰该页面的CSS设置? 菜单栏的设置:如何将menubar的代码与页面的代码结合起来?

<style type="text/css"> 
     .menubar { margin:0 auto; 
        padding:0; 
        } 
       html { background:#ffffff; } 
       body{ 
         width:900px; 
         height:1000px; 
         overflow:auto; 
         background:#ffffff; 
         } 
       div#menu { 
           margin:40px 0 0 95px; 
           text-align:center; 
           position:absolute; 
           } 
       div#menu span { 
           font-size:22px; 
           padding-left:14px; 
           } 
       div#copyright { 

           font:11px 'Trebuchet MS'; 
           color:#fff; 
           text-align:center; 
           clear:left; 
           position:absolute; 
           top:546px; 
           width:560px; 
           } 
       div#copyright a { color:#425B7B; } 
       div#copyright a:hover { color:#fff; } 
</style> 

页的设置:

<style type="text/css"> 
      body 
      { 
        font-family:Times new roman, verdana; 
        font-size:22px; 
        width: 900px; 
        height:70px; 
        margin-left: auto; 
        margin-right: auto; 
        margin-top: 6px; 
        background-image:url("wood_texture2.jpg"); 
      } 
    </style> 

将MenuBar的CSS代码中的*替换为菜单栏对象的名称。例如,页面css中的正文表示“将此样式应用于页面”。

如果更换.menubar *和添加

class="menubar" 

菜单栏对象,然后将菜单栏将挑顶风格。

+0

我必须在哪里放置class =“menubar”?在身体或该css脚本? – klox 2010-07-20 04:13:19

+0

在体内。它应该像 ... ...

或 的 或任何对象是做出来的菜单栏。 – 2010-07-20 05:52:09

在冲突的唯一代码为主体元素,在这种情况下你将不得不做出决定哪个值你想要每个属性。例如,您需要选择是否希望页面宽度为800或900px。

+0

我决定在900px .. 我想要菜单背景在页面背景之后,或者可能变得透明。 – klox 2010-07-20 04:10:46

", false) });

在冲突的唯一代码为主体元素,在这种情况下你将不得不做出决定哪个值你想要每个属性。例如,您需要选择是否希望页面宽度为800或900px。

+0

我决定在900px .. 我想要菜单背景在页面背景之后,或者可能变得透明。 – klox 2010-07-20 04:10:46