Css 如何在页面的spesific div中加载超链接

Css 如何在页面的spesific div中加载超链接,css,layout,Css,Layout,嗨,伙计们,我知道我在另一个问题上问过,但我不知道如何解释我自己 所以在flexi css中,我为我的站点制作了一个模板,它有一个DIV类 因此,如果你看我提供的图片,我希望链接只在主栏中打开。因为现在当我点击链接时,整个页面都会改变,但我只想改变主页。 我想在class='row_6 cssLI PageLayout28_row_6_design'中打开链接 请帮忙 链接到我的图像 无标题文件 主要 测试|测试|测试|测试|测试 版权所有©2012保留所有权利 我认为您希望在不加载页面的情

嗨,伙计们,我知道我在另一个问题上问过,但我不知道如何解释我自己

所以在flexi css中,我为我的站点制作了一个模板,它有一个DIV类

因此,如果你看我提供的图片,我希望链接只在主栏中打开。因为现在当我点击链接时,整个页面都会改变,但我只想改变主页。 我想在class='row_6 cssLI PageLayout28_row_6_design'中打开链接 请帮忙

链接到我的图像


无标题文件
主要
测试|测试|测试|测试|测试
版权所有©2012保留所有权利

我认为您希望在不加载页面的情况下在主节中包含动态内容, 您可以根据您的cantaint使用i-frame或JavaScript/jQuery切换来实现这一点

下面是使用i-frame的jsfiddle示例

我试着按照你的灵活布局做布局


您需要使用iFrame。我不知道flexi layout editor是什么,但这里有一个链接供您了解更多关于它们的信息您不知道它是什么,因为您忽略了用鼠标突出显示它,右键单击并选择搜索Google以搜索“flexi layout editor”(这是DreamWeaver的扩展):pdo您有Jquery的演示吗?我只是不想用Iframe
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
<link href="includes/CSSLayouts/CSSLayouts.css" rel="stylesheet" type="text/css" />
<script type="text/javascript" src="includes/CSSLayouts/debug_plus.js"></script>
<link href="includes/CSSLayouts/PageLayout28.css" rel="stylesheet" type="text/css" />
<link href="includes/CSSLayouts/PageLayout28_user.css" rel="stylesheet" type="text/css" />
</head>

<body class="PageLayout28_body_design">
<div class="PageLayout28">
<!-- (CSSLayouts Begin)  #PageLayout28 #build_version=1.1.284;pack=User;category=My Page Layouts;layout=;layoutType=page;scheme=;cssSource=file;assets=;halign=center;minwidth=1028px;maxwidth=1028px;width=1028px;bc=My Page Layouts;bl=final10062012-->

<div class='cssLO PageLayout28_wrapper_layout'>
<div class='wrapper cssLI PageLayout28_wrapper_design'>
<div class='cssLO PageLayout28_row_1_layout'>
<div class='row_1 cssLI PageLayout28_row_1_design'>
<div class='cssLO PageLayout28_column_3_layout'>
<div class='column_3 cssLI PageLayout28_column_3_design'><!-- column_3 Content Starts Here -->&nbsp;<!-- column_3 Content Ends Here -->
</div>
</div>
<div class='cssLO PageLayout28_column_4_layout'>
<div class='column_4 cssLI PageLayout28_column_4_design'><!-- column_4 Content Starts Here -->&nbsp;<!-- column_4 Content Ends Here -->
</div>
</div>
<div class='cssLClearC'></div>
</div>
</div>
<div class='cssLO PageLayout28_row_2_layout'>
<div class='row_2 cssLI PageLayout28_row_2_design'><!-- row_2 Content Starts Here -->&nbsp;<!-- row_2 Content Ends Here -->
</div>
</div>
<div class='cssLO PageLayout28_row_3_layout'>
<div class='row_3 cssLI PageLayout28_row_3_design'>
<div class='cssLO PageLayout28_column_1_layout'>
<div class='column_1 cssLI PageLayout28_column_1_design'><!-- column_1 Content Starts Here -->&nbsp;<!-- column_1 Content Ends Here -->
</div>
</div>
<div class='cssLO PageLayout28_column_2_layout'>
<div class='column_2 cssLI PageLayout28_column_2_design'>
<div class='cssLO PageLayout28_row_6_layout'>
<div class='row_6 cssLI PageLayout28_row_6_design'><!-- row_6 Content Starts Here -->

              MAIN

            <!-- row_6 Content Ends Here -->
</div>
</div>
<div class='cssLO PageLayout28_row_7_layout'>
<div class='row_7 cssLI PageLayout28_row_7_design'>
<div class='cssLO PageLayout28_row_7_xtdalignwrapper_layout'>
<div class='row_7_xtdalignwrapper cssLI PageLayout28_row_7_xtdalignwrapper_design'>
<div class='cssLO PageLayout28_column_5_layout'>
                                               <div class='column_5 cssLI PageLayout28_column_5_design'><!-- column_5 Content Starts Here -->&nbsp;<!-- column_5 Content Ends Here -->
                                               </div>
</div>
<div class='cssLO PageLayout28_column_6_layout'>
                                               <div class='column_6 cssLI PageLayout28_column_6_design'><!-- column_6 Content Starts Here -->&nbsp;<!-- column_6 Content Ends Here -->
                                               </div>
</div>
<div class='cssLO PageLayout28_column_7_layout'>
                                               <div class='column_7 cssLI PageLayout28_column_7_design'><!-- column_7 Content Starts Here -->&nbsp;<!-- column_7 Content Ends Here -->
                                               </div>
</div>
<div class='cssLO PageLayout28_column_8_layout'>
                                               <div class='column_8 cssLI PageLayout28_column_8_design'><!-- column_8 Content Starts Here -->&nbsp;<!-- column_8 Content Ends Here -->
                                               </div>
</div>
<div class='cssLClearC'>
</div>
</div>
</div>
<div class='cssLClearR'>  
</div>
</div>
</div>
<div class='cssLClearR'></div>
</div>
</div>
<div class='cssLClearC'></div>
</div>
</div>
<div class='cssLO PageLayout28_row_4_layout'>
<div class='row_4 cssLI PageLayout28_row_4_design'><!-- row_4 Content Starts Here -->&nbsp;<!-- row_4 Content Ends Here -->
</div>
</div>
<div class='cssLO PageLayout28_row_5_layout'>
<div class='row_5 cssLI PageLayout28_row_5_design'>
<div class='cssLO PageLayout28_column_9_layout'>
<div class='column_9 cssLI PageLayout28_column_9_design'><!-- column_9 Content Starts Here -->



<!-- column_9 Content Ends Here -->
</div>
</div>
<div class='cssLO PageLayout28_column_10_layout'>
<div class='column_10 cssLI PageLayout28_column_10_design'><!-- column_10 Content Starts Here -->

          test | test | test | test |test

<!-- column_10 Content Ends Here -->
</div>
</div>
<div class='cssLClearC'>
</div>
</div>
</div>
<div class='cssLO PageLayout28_row_8_layout'>
<div class='row_8 cssLI PageLayout28_row_8_design'><!-- row_8 Content Starts Here -->

      CopyRight © 2012   All rights reserved

<!-- row_8 Content Ends Here -->
</div>
</div>
<div class='cssLClearR'></div>
</div>
</div>
<div class="cssLClearL"></div>
<!-- #PageLayout28 (CSSLayouts End) -->
</div>

</body>
</html>