插入簡單的菜單到CSS用作網頁標題

我正在創建一個簡單的網頁，頁眉和頁腳使用CSS。我想我的網頁標題（由CSS建），包括一個簡單的導航菜單，例如：插入簡單的菜單到CSS用作網頁標題

------------------------------------------------------------ 
       WebPage Header (Appears on every page) 
          Image Logo 

    Home | News | Event | Contact Us <-- How to do this is CSS to appear in all pages? 
------------------------------------------------------------ 


         Body Content 

------------------------------------------------------------ 
      WebPage Footer (Appears on every page) 
------------------------------------------------------------

我已經與頁眉和頁腳定義CSS如下出來。

hr {color:sienna;} 
p {margin-left:20px;} 

header 
{ 
height: 192px; 
background:#ffffff url("images/logo.jpg") no-repeat center top; 
//How to add navigating buttons here? 
} 

footer 
{ 
height: 192px; 
}

我已經做了相當多的研究，但大多數在線教程使用不同的方法（例如：php）。 w3schools也沒有太深入。

來源

2014-03-31 user3437460

把所有鏈接到中心DIV和使用風格<ul>：

<div style="text-align: center;"> 
    <ul> 
     <li>Home</li> 
     <li>News</li> 
     <li>Events</li> 
     <li>Contact us</li> 
    </ul> 
</div>

來源

2014-03-31 10:35:37 Justinas

嗯，你的意思是把那些div標籤放在CSS文件中？ – user3437460

@ user3437460不能divs自己，只有它的風格必須去css文件。 – Justinas

@Jusitnas介紹如何在CSS中工作。我嘗試了很多組合，但CSS只是不能使用標籤。 Sry，我是CSS的新手。 – user3437460

這將是更好地爲你改變你的HTML頁面到PHP，所以你可以很容易地包括在所有其他網頁上的
頭文件或者製作一個簡單的框架以在頁面之間進行導航......

來源

2014-03-31 10:46:44

第一張：如果沒有Javascript或PHP或其他語言的幫助，您無法在每個頁面中添加頁腳或導航欄或其他內容。 HTML和CSS是靜態的，使用CSS3，您可以爲每個元素添加一種標籤，而不是結構。

在HTML中使用FRAMES *的獨特方法，但它是一種醜陋和古老的方式。 Docs here，但真的，不要使用框架，如果不是作業。

然而，如果你複製和粘貼這樣的代碼在每一頁：

<div id="top_menu"> 
    <ul id="nav_bar"> 
     <li><a href="index.html">Home</a></li> 
     <li><a href="news.html">News</a></li> 
     <li><a href="events.html">Events</a></li> 
     <li><a href="events.html">Contact us</a></li> 
    </ul> 
</div>

你可以風格這個菜單，你在CSS中需要這樣的

#nav_bar li{ 
display: inline; 
padding: 3px; //just a sample 
} 

#nav_bar a { 
text-decoration: none; 
}

幀的例子：

<!DOCTYPE html> 
<html> 

<frameset rows="25%,*,25%"> 
    <frame src="header.html"> 
    <frame name="openhere" src="frame_b.htm"> 
    <frame src="footer.htm"> 
</frameset> 

</html>

所以把一個頁面「header.html」你的導航欄（添加鏈接attribute: target="openhere"）

*請記住，標記FRAME在HTML5中不受支持。所以...如果可以的話就避免！

來源

2014-03-31 10:52:07 MrPk

我完全同意你的框架。我儘早嘗試了框架，但它看起來很糟糕，即使它在某種程度上有效。 CSS允許我將圖像添加到

中，以便當我將

粘貼到後續的html文件中時，它會動態顯示圖像。我的問題是：是否可以添加文本和表格（而不是圖像）到CSS

？ – user3437460

編號圖像是一種「風格」的東西。表或div是一個元素。所有你可以插入一些文本，如標籤，但沒有更多...因爲「標籤」可以被認爲是一種風格（http://www.w3schools.com/cssref/sel_before.asp）。你在找什麼，它是一個帶有固定部分的模板，這是HTML中的Frame，或者包含在PHP中，或者通過javascript在頁面中動態改變DOM。 – MrPk

插入簡單的菜單到CSS用作網頁標題

回答

相關問題