Question

如果在某个地方得到解答，我会提前道歉，但我已经尝试过寻找并找到没有（我认为这就是我用它的方式，我和＃ 39;我不确定如何...）但基本上如何将链接指向一个“iframe” - 我希望我的直接指向DIV，这可能吗？如果是这样，怎么样？我已经尝试了一些我认为会起作用但失败的方法...

该网站为here，我基本上希望链接信息在点击时进入黑色div框。

我的代码：

＆＃13;

body{
    background-color: #e2e2e2;
}

#container {
    max-width: 900px;
    margin: 0 auto;
    padding: 10px;
}

#mainbox {
    width: 100%;
    height: 650px;
    background-color: white;
    margin: 0 auto;
    margin-top: 135px;
}

#title{
    font-family: 'Open Sans Condensed', sans-serif;
    font-size: 35px;
    position:fixed;
    top: 105px;
    color: #e8c8c5;
    text-shadow: 2px 2px 0px rgba(0,0,0,0.2);
    font-weight: bold;
}

.nav{
    border:1px solid #ccc;
    border-width:1px 0;
    border-color: #e8c8c5;
    list-style:none;
    margin:0;
    padding:0;
    text-align:center;
    text-decoration:none;
}
.nav li{
    display:inline;
}
.nav a{
    display:inline-block;
    padding:10px;
    text-decoration:none;
    font-family: verdana;
    font-size: 12px;
    color: #e8c8c5;

}

#content{
    background-color: black;
    width: 860px;
    height: 580px;
    margin: 0 auto;
    margin-top: 6px;
    padding: 10px;

}

＆＃13;

<!DOCTYPE html>
<html>
<head>
  <link href="https://fonts.googleapis.com/css?family=Open+Sans+Condensed:300" rel="stylesheet">
</head>  
<body>
  <div id="container">
    <div id="title">Commissions;</div>
      <div id="mainbox">
       <ul class="nav">
         <!--nav starts here -->
        <li><a href="/">About</a></li>
        <li><a href="/about/">Information</a></li>
        <li><a href="/work/">Examples</a></li>
        <li><a href="/clients/">Clients</a></li>
        <li><a href="/contact/">Faq</a></li>
      </ul>   
        <!-- nav ends here -->    

      <div id="content">

      </div>
    </div>
  </div>
</body>
</html>

＆＃13;

指向DIV的链接

0 个答案: