- 主题:请教一个网站开发的问题
你这个例子中的效果跟 asp 本身没有任何必然联系。
你最好不要去学 Dreamweaver,而应该去看 W3school 上的 HTML 和 CSS 教程.
搞懂以后,解决你这种问题易如反掌。
【 在 marco2798 (一生一世一双人) 的大作中提到: 】
: 我已经放弃那种做法了
: 他的代码我都看不懂,asp吗?
: 完全不知道他是怎么实现的
: ...................
--
FROM 58.23.89.*
因为他这个页面比较复杂,而你没有分析静态页面的经验,一时摸不着头脑很正常。
如果你用 firebug 仔细找一下,就会发现你要的效果是在
<div id="container-home">
这个 div 里实现的。
对应的 CSS 代码是
#container-home {
background-color: #E3E3E4;
background-image: url("images/body-bground.png");
background-position: center top;
background-repeat: repeat-x;
float: left;
width: 100%;
}
意思是先定义一个浅灰色的背景色,然后再定义一张深色图片作为背景, 这张坑爹的背景图片足足有 5000 * 1050,放在中上部,并且不断作水平方向的重复。
这种实现其实是十分脑残的,极度浪费资源,影响用户体验。
【 在 marco2798 (一生一世一双人) 的大作中提到: 】
: 标 题: Re: 请教一个网站开发的问题
: 发信站: 水木社区 (Tue Aug 20 21:43:39 2013), 站内
:
: html和css的教程也看了一点
: 可是为何他的源代码我看不懂?
:
:
: 【 在 xWvxYWYxvWx (xWvxYWYxvWxxWvxYWYxvWx) 的大作中提到: 】
: : 你这个例子中的效果跟 asp 本身没有任何必然联系。
: : 你最好不要去学 Dreamweaver,而应该去看 W3school 上的 HTML 和 CSS 教程.
: : 搞懂以后,解决你这种问题易如反掌。
: : ...................
:
: --
:
※ 修改:·xWvxYWYxvWx 于 Aug 20 22:38:33 2013 修改本文·[FROM: 58.23.89.*]
: ※ 来源:·水木社区 newsmth.net·[FROM: 122.188.105.*]
--
修改:xWvxYWYxvWx FROM 58.23.89.*
FROM 58.23.89.*
../images/封面封底(F).gif);
你这个相对路径写对了么?
另外,尽量不要使用这么奇怪的文件名。
【 在 marco2798 (一生一世一双人) 的大作中提到: 】
: 标 题: Re: 请教一个网站开发的问题
: 发信站: 水木社区 (Tue Aug 20 22:43:08 2013), 站内
:
: <head>
: <meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
: <title>mypolysight</title>
: <link rel="stylesheet" href="css/main.css" type="text/css" />
: </head>
:
: <body class="body">
: <h1>这是标题 1</h1>
: <p>这是段落</p>
: <p class="no2">这个段落设置了内边距。</p>
: </body>
: </html>
:
: /* CSS Document */
: .body {background-image:url(../images/封面封底(F).gif);}
: .h1 {background-color: #00ff00;}
: .p {background-color: rgb(250,0,255);}
: p.no2 {background-color: gray; padding: 20px;}
:
: 帮忙看看这个为何背景加不上呢?
:
:
: 【 在 huaxinjuedui (唐僧哥哥) 的大作中提到: 】
: : 用表格布局,那是多老的教程了啊。。。
:
:
: --
:
: ※ 来源:·水木社区 newsmth.net·[FROM: 122.188.105.*]
--
FROM 58.23.89.*
参考刚才那张页面,
body {
background-color: #ffffff;
background-image: url("images/body-bground.png");
background-position: top left;
background-repeat: repeat-x;
}
其中,body-bground.png 可以搞成宽 1 个像素的长条状蓝色图片。
还是建议补充基础知识。
【 在 marco2798 (一生一世一双人) 的大作中提到: 】
: 标 题: Re: 请教一个网站开发的问题
: 发信站: 水木社区 (Tue Aug 20 22:45:17 2013), 站内
:
: 哦 原来是这样啊
: 谢谢了
: 那如果我想比较简便的把整个页面分成两部分
: 上面蓝,下面白怎么实现?body加css岂不是整个都蓝了?
:
:
: 【 在 xWvxYWYxvWx (xWvxYWYxvWxxWvxYWYxvWx) 的大作中提到: 】
: : 因为他这个页面比较复杂,而你没有分析静态页面的经验,一时摸不着头脑很正常。
: : 如果你用 firebug 仔细找一下,就会发现你要的效果是在
: : <div id="container-home">
: : ...................
:
: --
:
: ※ 来源:·水木社区 newsmth.net·[FROM: 122.188.105.*]
--
FROM 58.23.89.*
这说明必然是相对路径没写对。
【 在 marco2798 (一生一世一双人) 的大作中提到: 】
: 标 题: Re: 请教一个网站开发的问题
: 发信站: 水木社区 (Tue Aug 20 23:00:32 2013), 站内
:
: 这个我是自动根据dw的提示选浏览,然后选中这张本地的图片的
: 哪里有错吗?为何还是背景显示不了呢
: 按照w3school 把css样式写在html文件里就可以
: 提出来写在一个文件里就不行了
:
:
: 【 在 xWvxYWYxvWx (xWvxYWYxvWxxWvxYWYxvWx) 的大作中提到: 】
: : ../images/封面封底(F).gif);
: : 你这个相对路径写对了么?
: : 另外,尽量不要使用这么奇怪的文件名。
: : ...................
:
: --
:
: ※ 来源:·水木社区 newsmth.net·[FROM: 122.188.105.*]
--
FROM 58.23.89.*
请 google "DIV 布局".
【 在 marco2798 (一生一世一双人) 的大作中提到: 】
: 标 题: Re: 请教一个网站开发的问题
: 发信站: 水木社区 (Tue Aug 20 23:39:49 2013), 站内
:
: 不好意思
:
: 是图片问题
:
: 那张图片不知道为何不能显示
:
: 换一张就好了。
:
: 对了 如果都用css的话而不用布局表格的话 那怎么实现左边是两行标题1,2 右边是标
: 题1的内容呢?
:
:
:
: 【 在 xWvxYWYxvWx (xWvxYWYxvWxxWvxYWYxvWx) 的大作中提到: 】
: : 这说明必然是相对路径没写对。
:
:
: --
:
: ※ 来源:·水木社区 newsmth.net·[FROM: 122.188.105.*]
--
FROM 58.23.89.*