2013-12-10 30 views
1

我試圖做一個網站 我在邊欄 故事三通1 - 2 - 3 我要的是(按任意鏈接時..我想的該鏈接的內容,以藍色是diplayed(主1)師>我該怎麼辦呢?顯示鏈接的內容在一個部門

<style> 
    #wrapper{ 
    color:#FF00FF; 
    margin:0px auto; 
    padding:0px; 
    width:1050px; 
    height 1000px; 
    } 

    #header 
    { 
    margin:0px; 
    padding:0px; 
    width:1000px; 
    height:100px; 
    background-color:#F74E84; 
    } 
    #content 
    { 
    margin:0px; 
    padding:0px; 
    width:1000px; 
    } 

    #side 
    { 

    border-right:dashed; 
    border-right-color:#F74E84; 
    margin:0px; 
    padding:0px; 
    width:247px; 
    height:700px; 
    background-color:#F7C9D8; 
    float:left; 
    } 
    #side ul { list-style-type: none; } 
    #side a { text-decoration:none; 
       color:black;} 
    #main 
    { 
    background-color:red; 
    margin:0px; 
    padding:0px; 
    width:750px; 
    height:700px; 
    float:right; 
    } 
    #main1 
    { 
    margin:0px; 
    padding:0px; 
    width:750px; 
    height:650px; 
    background-color:#DFE4E9; 
    float:right; 
    } 
    #footer 
    { 
    margin:0px; 
    padding:0px; 
    width:750px; 
    height:50px; 
    background-color:#F74E84; 
    float: right; 
    } 

    </style> 
    <div id="wrapper"> 
      <div id="header"> Header </div> 
     <div id="content"> 
     <div id="side"><p>Here is navigation</p> 
<ul> 
<li><a href="text.html">Story 1</a></li> 
<li><a href="Second.html">Story 2</a></li> 
<li><a href="Third.html">Story 3</a></li> 
</ul></div> 
     <div id="main"> 
     <div id="main1"> 
     <p>This is my web site </p> 
     </div> 
     <div id="footer">Footer</div> 
    </div> 
    </div> 
    </div> 

回答

2

把一個iframe在div裏面,給它一個id,說「the_frame」。然後添加一個目標屬性爲您的鏈接,具有相同的值

<a href="http://www.website.com" target="the_frame">website</a> 

<iframe id="the_frame"> <!-- the link will be loaded inside here --> 
</iframe> 

否TE,許多網站將不允許您嵌入自己的網站中出於安全原因的iframe,這將正常工作爲自己的網站上的網頁(儘管這可能取決於服務器配置)

+0

大||我可以管理該框架的大小嗎? –

+0

是的,我會做出自己的網頁=) –

+0

是的,你可以指定iframe的高度和寬度屬性。 [參考](http://www.w3schools.com/tags/tag_iframe.asp) – Slicedpan

相關問題