最新文章专题视频专题问答1问答10问答100问答1000问答2000关键字专题1关键字专题50关键字专题500关键字专题1500TAG最新视频文章推荐1 推荐3 推荐5 推荐7 推荐9 推荐11 推荐13 推荐15 推荐17 推荐19 推荐21 推荐23 推荐25 推荐27 推荐29 推荐31 推荐33 推荐35 推荐37视频文章20视频文章30视频文章40视频文章50视频文章60 视频文章70视频文章80视频文章90视频文章100视频文章120视频文章140 视频2关键字专题关键字专题tag2tag3文章专题文章专题2文章索引1文章索引2文章索引3文章索引4文章索引5123456789101112131415文章专题3
当前位置: 首页 - 科技 - 知识百科 - 正文

CSS布局问题100分下一页有什么办法不用写入重复的内容如导航页脚版权信息等_html/css_WEB-ITnose

来源:动视网 责编:小采 时间:2020-11-27 15:48:05
文档

CSS布局问题100分下一页有什么办法不用写入重复的内容如导航页脚版权信息等_html/css_WEB-ITnose

CSS布局问题100分下一页有什么办法不用写入重复的内容如导航页脚版权信息等_html/css_WEB-ITnose:刚开始学习css+xml 问一下有关布局问题 body {font-family: Arial, Helvetica, Verdana, Sans-serif;font-size: 15px;color:#666666;background:#FFDDAA;margin:0px;padding:0px;}.hidden {display: n
推荐度:
导读CSS布局问题100分下一页有什么办法不用写入重复的内容如导航页脚版权信息等_html/css_WEB-ITnose:刚开始学习css+xml 问一下有关布局问题 body {font-family: Arial, Helvetica, Verdana, Sans-serif;font-size: 15px;color:#666666;background:#FFDDAA;margin:0px;padding:0px;}.hidden {display: n
 刚开始学习css+xml 问一下有关布局问题
body {font-family: Arial, Helvetica, Verdana, Sans-serif;font-size: 15px;color:#666666;background:#FFDDAA;margin:0px;padding:0px;}.hidden {display: none;}#container {width:760px;background:#FFDDAA;margin:auto;}#main {background:#FFCCCC;height:30px ;padding:15px 5px 0 0;}#main ul {list-style-type:none;margin:0;}#main ul li {float:right;margin:0 6px;}.sd {width:1.5px;height:17px;background:#FF00FF ;}#main ul li a:link {background:#FFB3FF;font-weight:bold; color:#CC6666}#main ul li a:visited {font-weight:bold;background:#B94FFF;}#main ul li a:hover {font-weight:bold;background:#BBFF00;}#header {background:#FFA488;height:150px;}#content {float:left;width:550px;background:#FFBB00;line-height:25px;}#content h2{margin: 0;padding: 0;padding-bottom:10px;}#content p {margin: 0;padding: 0;padding-bottom:15px;}#content .padding {padding: 20px;}.aa { font-family:华文行楷;font-size:20px;color:#770077;font-weight:bold;text-decoration:none;}#side {float:right;width:205px;background:#FF7744;line-height:25px;}#side h2{color:#3399CC;margin: 0;text-align:center;}hr {margin:0;padding:0;}#side ul li a{margin: 0;padding: 0;padding-bottom:9px;}#side .padding {padding: 20px;}#footer {clear:both;background:#D28EFF;font-family:??_GB2312;font-size:14px;color:#660077 ;height:66px;border-top: 1px solid #FF8888;padding: 13px 25px;line-height: 20px;text-align:center;}#footer a {color: #5555FF;text-decoration:inherit;}#footer a:hover {color: #770077;}h1 {margin: 0;padding: 0;}



 css布局示例 
  • 关于我
  • 留言本
  • CSS布局
  • WEB标准
  • 我的博客
  • 我的主页
  • "永远做你害怕的事,你应该每一两天做一些你不想做的事."这两句话,讲的都是同一个真理,它是人生进步的基础和上升的阶梯。容易走的都是下坡路,谁不想安安稳稳的走完人生,谁愿意累死活地跟自己过不去呢?可是,如果不这样,我们就不可能进步。让自己进步的方法很多,“每天做点困难的事”,“是逼”自己进步的办法。如果你是一位营销人员当众演讲是你最发怵的事情,那你就每天“逼”自己对着镜子练习讲话:如果你是一位公关人员,恰巧又是一个内向的人,那你就每天“逼”自己主动与主要的业务伙伴联系,或是打电话,或是相约见面。生存空间被无限压缩,每周工作时间被无限延伸,与此同时,有不少人被“剥夺”了工作的权利,被市场无情的淘汰。但那些每周工作时间不断延长的人们,却在愈加发奋的“提升”自我。我们固然希望工作时间越来越少、休息时间越来越多,然而,事实是无情的、残酷的、就像草原上的羚羊与狮子的生死角逐。记住,与其让别人淘汰自己,不如自己淘汰自己。

    姓名:杜修圣
    电话: 13426193533
    传真: (07) 875 7547
    Email: adu_hom@126.com
    职业: 网页设计师
    偶像:Lee_hom
    兴趣爱好:DIY网站,看球赛,看电影,听音乐

    我的个人主页


    文章分类


  • XHTML教程
  • CSS2.0教程
  • CSS布局
  • WEB标准
  • DIV+CSS教程
  • CSS布局实例
  • CSS酷站及模板

  • 资源链接


  • XHTML教程
  • CSS2.0教程
  • CSS布局
  • WEB标准
  • DIV+CSS教程
  • CSS布局实例

  • 站点导航


  • XHTML在线手册
  • CSS2.0在先手册
  • JavaScript在线手册
  • .net在线视频
  • About - Services - Portfolio - Contact Us - Terms of Trade
    幼稚园下的一片天空,本博版权归 幼稚园卧底 和京城Designer所有
    北京网通提供网络带宽




    我的问题是 在这种布局里面 我点一下链接 我只希望在主窗口content 中变化内容 其它的导航部分不变化 页眉 页脚 也不能变, 我打开下一页 还要把这些内容一起写入下一页里面,是不是有点太累了!!!!100分诚心求教 一下,谢谢


    回复讨论(解决方案)

    可以外部连接一个网页到此网页!和CSS文件类似

    可以外部连接一个网页到此网页!和CSS文件类似

    你可以在底部链接一个外部网页!和CSS文件类似

    这是个经典问题。解决方案有如下几种(但不限于):
    1、用iframe框架分割窗口,分别装载页头、页脚文件;
    2、以include方式包含页头页脚文件;
    3、以Ajax方式load页头页脚文件或代码;
    4、以模板页或母板页方式设置页头页脚;

    我的做法:
    用不同的div完成不同的信息,用js更换div的内容即可.

    我是新手能不能给些代码参考一下

    "http://www.w3.org/TR/html4/loose.dtd">




    css布局示例






  • 关于我


  • 留言本


  • CSS布局


  • WEB标准


  • 我的博客


  • 我的主页




  • 可以任意修改iframe的内容.






    "永远做你害怕的事,你应该每一两天做一些你不想做的事."这两句话,讲的都是同一个真理,它是人生进步的基础和上升的阶梯。容易走的都是下坡路,
    谁不想安安稳稳的走完人生,谁愿意累死活地跟自己过不去呢?可是,如果不这样,我们就不可能进步。让自己进步的方法很多,“每天做点困难的事”,“是逼”自己进步的办法。
    如果你是一位营销人员当众演讲是你最发怵的事情,那你就每天“逼”自己对着镜子练习讲话:如果你是一位公关人员,恰巧又是一个内向的人,那你就每天“逼”自己主动与主要的
    业务伙伴联系,或是打电话,或是相约见面。生存空间被无限压缩,每周工作时间被无限延伸,与此同时,有不少人被“剥夺”了工作的权利,被市场无情的淘汰。
    但那些每周工作时间不断延长的人们,却在愈加发奋的“提升”自我。我们固然希望工作时间越来越少、休息时间越来越多,然而,事实是无情的、残酷的、就像草原上的羚羊与狮子
    的生死角逐。记住,与其让别人淘汰自己,不如自己淘汰自己。







    姓名:杜修圣

    电话: 13426193533

    传真: (07) 875 7547

    Email: adu_hom@126.com

    职业: 网页设计师

    偶像:Lee_hom

    兴趣爱好:DIY网站,看球赛,看电影,听音乐


    我的个人主页





    文章分类




  • XHTML教程

  • CSS2.0教程

  • CSS布局

  • WEB标准

  • DIV+CSS教程

  • CSS布局实例

  • CSS酷站及模板



  • 资源链接




  • XHTML教程

  • CSS2.0教程

  • CSS布局

  • WEB标准

  • DIV+CSS教程

  • CSS布局实例



  • 站点导航




  • XHTML在线手册

  • CSS2.0在先手册

  • JavaScript在线手册

  • .net在线视频







  • About -
    Services -
    Portfolio -
    Contact Us -
    Terms of Trade

    幼稚园下的一片天空,本博版权归
    幼稚园卧底 和
    京城Designer所有

    北京网通提供网络带宽





    用iframe方法好像会被别人利用,很多时候会被高手植入代码。
    我很想知道如何用include的方法,能不能高手给点代码啊


    加个图片 我只想每一页只变content部发的代码

    如果你是用asp,那么:

     这里是每页不同的内容 


    如果你是用asp.net,那么:
    <%@ Register Src="header.ascx" TagName="header" TagPrefix="uc1" %><%@ Register Src="footer.ascx" TagName="footer" TagPrefix="uc2" %> 这里是每页不同的内容 

    其中header.asp或header.ascx就是固定不变的页头内容,footer.asp或footer.ascx则是固定不变的页脚内容。
    一旦修改了页头或页脚文件,则所有包含该文件页面也自动更新。

    如果你是用asp,那么:

    HTML code


    这里是每页不同的内容






    如果你是用asp.net,那么:

    HTML code
    <%@ Register Src="header.ascx" TagName="header" TagPrefix="uc1" %>
    <%@ Register Src="footer.ascx" TagName="footer" TagPrefix="…




    那么jsp呢 或者直接是html呢

    抱歉,我对jsp不熟悉,但我看到越来越的jsp网站在用Jquery来装载页头页脚,这种方式很“干净”,还是ajax的:

     这里是每页不同的内容  

    function loadHeader_Footer(){ $("#header").load("header.html"); //也可以是jsp、xml甚至txt文件,都能load进页面 $("#footer").load("footer.html");}

    很显然,对于纯html页面也完全可以用Jquery或直接用Javascript实现页头页脚装载!
    如:
      这里是每页不同的内容 

    还有一个较老的方法可以实现在一个html中包含其他html文件,就是:

    但上面的方法由于安全性等方面原因,很多浏览器会要求确认才能正常显示。
    此外如果不考虑浏览器兼容问题,也可以使用Behavior的download方式,此方式仅IE浏览器能正确识别。

    补充一下我现在想知道 第二页 也就是只变主体部分的代码怎么写? html 谢谢

    .net的话可以使用内嵌文件

    这是HTML代码

     
    正在加载数据...


    这是Banner.txt文件





    公告
    转到
    报表
    设置
    关闭
    帮助

    最简单的是用iframe
    content部分:


    sidemenu部分:
    菜单项目一...


    js部分:
    function cmd(n){ if(n==0)getElementById("content").src="你需要的网页地址.htm"; ...}

    可以将不动的部分设计为一个模板

    把他们写成一个公共的文件,要用的时候再去调用不就可以了吗 ?

    这是个经典问题。解决方案有如下几种(但不限于):
    1、用iframe框架分割窗口,分别装载页头、页脚文件;
    2、以include方式包含页头页脚文件;
    3、以Ajax方式load页头页脚文件或代码;
    4、以模板页或母板页方式设置页头页脚;


    差不多 用以上四种方法

    你就这一点点内容,直接写到一个页面里面也行了。
    用JS切换显示和隐藏各自不同的DIV内容就行了。

    都是大侠

    文档

    CSS布局问题100分下一页有什么办法不用写入重复的内容如导航页脚版权信息等_html/css_WEB-ITnose

    CSS布局问题100分下一页有什么办法不用写入重复的内容如导航页脚版权信息等_html/css_WEB-ITnose:刚开始学习css+xml 问一下有关布局问题 body {font-family: Arial, Helvetica, Verdana, Sans-serif;font-size: 15px;color:#666666;background:#FFDDAA;margin:0px;padding:0px;}.hidden {display: n
    推荐度:
    标签: 信息 问题 html
    • 热门焦点

    最新推荐

    猜你喜欢

    热门推荐

    专题
    Top