定位代码 (查看/回复:3302/130)

浏览回帖:
楼主  2008-08-02 02:20:48  定位代码

群里又说找不到代码了
一直以来都有人在找,说坛里没有
有点空,写一个吧
==========================
CSS定位中有以下几个属性:

position 取值: static | absolute | fixed | relative

top  取值: auto | length

left 取值:
auto | length

bottom 取值:
auto | length

right 取值: auto | length

z-index 取值: auto |
numbe
=============================
以上内容想还深入了解的,请去搜索下"CSS定位"
下面讲实现代码(都是看结果的)

首先找个容器装你的代码
本人习惯用DIV

<DIV ID="CODE">这里放你的需要定位的代码,注意DIV内有一个ID属性,值为CODE,这个值CODE在CSS里将会用到</DIV>

然后用CSS对ID='CODE'的容器进行定位
<style>
#CODE/*这里的#CODE就是作用于ID=CODE的*/
{
width:500px;/*width是设置容器的宽度 500 */
height:500px;/*height是设置容器的高度 500 */
/*根据你的需要设置容器的大小*/
position:absolute;/*绝对定位
*/
left:100px;/*该容器离父对象左边距离 100 */
top:100px;/*该容器离父对象顶边距离 100*/
/*调整left和top的数值,直至你的位置满意为止*/
}
</style>

经过以上设置后,定位基本实现
但在改窗口大小或分辨率不同时会发生走位
所以建议对BODY进行固定大小
<style>
body
{
width:950px;/*页面宽度 950*/
margin:0 auto;/*页面居中*/
position: relative;padding:0px;
}
</style>
-----------------------------------------------------

以上代码综合例子:

<style>
#CODE{
width:500px;
height:500px;
position:absolute;
left:100px;
top:100px;
}
body{
width:950px;
margin:0 auto;
position: relative;padding:0px;
}
</style>
<DIV ID="CODE">这里放你的需要定位的代码,注意DIV内有一个ID属性,值为CODE,这个值CODE在CSS里将会用到</DIV>
----------------------------------------------------------------
THE END

南粤数卡:http://shop.paipai.com/414004 域名:http://www.vircard.cn
2楼  2008-08-02 04:15:25   Re:定位代码
网友贴图
不错 顶一下 方便以后查看!!!
绯红视觉专业店铺设计----给您的绝对独一无二!
3楼  2008-08-02 04:16:28   Re:定位代码
谢谢啦。。o(∩_∩)o...哈哈我找了很久了。。o(∩_∩)o...  可是接下来的该是考验我的时候了
4楼  2008-08-02 04:22:15   Re:定位代码
在拍拍,我觉得天林真的是很懂CSS,
网友贴图
本店专售各种写真图片,欢迎各位男士参观.地址:http://909539676.paipai.com/
5楼  2008-08-02 06:54:21   Re:定位代码
网友贴图 上学的时候没学好 光应付考试了,现在要用了 什么都不会了` 网友贴图
6楼  2008-08-02 07:01:23   Re:定位代码
看不太懂哦!网友贴图
7楼  2008-08-02 07:49:27   Re:定位代码
不太懂网友贴图
8楼  2008-08-02 09:50:28   Re:定位代码
天林,我想在商品描述中了"立即购买"旁边加一段文字,提醒买家防止受骗.用你的这段代码,预览的时候,可以看到"立即购买"旁边有文字.但确认修改后再看,文字还是下来了,只在详细信息里面显示.请问天林,怎样在"立即购买"旁边加上"卖家温馨提示呢"?
你不要只看见我的寂寞,还要看见我拥有的快乐! 点卡销售
9楼  2008-08-02 12:09:19   Re: Re:定位代码
( 雯丫头 [754622392] 在大作中提到:)
天林,我想在商品描述中了"立即购买"旁边加一段文字,提醒买家防止受骗.用你的这段代码,预览的时候,可以看到"立即购买"旁边有文字.但确认修改后再看,文字还是下来了,只在详细信息里面显示.请问天林,怎样在"立即购买"旁边加上"卖家温馨提示呢"?



这个应该使用背景比较好
有空再写一个
南粤数卡:http://shop.paipai.com/414004 域名:http://www.vircard.cn
10楼  2008-08-02 12:56:35   Re:定位代码
恩恩,象自动发货的一些卖家,经常会遇到商品连接网址被骗子利用,以至造成一些新手买家陷入三角骗局中.卖家如果在"立即购买"旁边加上"温馨提示"一类的文字,新手买家在交易中就会更谨慎些的.我搜索了论坛里面所以的帖子,没有找到一篇有关这类的代码,好希望天林有空能写一个哦,期待中.....
你不要只看见我的寂寞,还要看见我拥有的快乐! 点卡销售
11楼  2008-08-02 15:06:17   Re:定位代码
太深奥了,看不懂啊,惭愧
精品联盟,引领时尚- 精品联盟奉上你要的精品秀出你要的品味---欢迎点击进入饰界精品店!优惠多多!
12楼  2008-08-02 17:57:22   Re:定位代码
小店為慶祝奧運以及新開張,特優哦,日期:8月1日至8月15日,要前來關注哦!難得的機會呢...平日從不議價的咧!
13楼  2008-08-02 18:31:23   Re:定位代码
不是很懂哦 网友贴图
每周一款负利润促销,机会不容错过哦。
14楼  2008-08-02 21:56:04   Re:定位代码
天林大哥,想实现您那样每个商品都有个条线的边框的,应该在哪里加什么代码,麻烦天林大哥赐教
曾经停泊的一座枫桥...风雨无阻.〓〓枫桥边外贸品牌男装专卖〓〓 欢迎大家的光临
15楼  2008-08-02 22:00:35   Re:定位代码
天文啊!````看不懂         
精品联盟,引领时尚- 精品联盟奉上你要的精品秀出你要的品味+自己店铺广告  
16楼  2008-08-02 22:22:17   Re: Re:定位代码
( 粤商--枫桥边 [69452556] 在大作中提到:)
天林大哥,想实现您那样每个商品都有个条线的边框的,应该在哪里加什么代码,麻烦天林大哥赐教

代码:
#sideList UL {
BORDER: #3e99e3 1px solid; MARGIN: 1px;
}
南粤数卡:http://shop.paipai.com/414004 域名:http://www.vircard.cn
17楼  2008-08-02 23:02:10   Re:定位代码
过来学习.网友贴图
欢迎来[快乐]尚品轩购买。http://shop.paipai.com/343406451
18楼  2008-08-02 23:26:52   Re:定位代码
好天林大哥,可不可以帮我的店铺装修一下噢网友贴图
-每一个人至少拥有一个梦想,与一个理由去坚强♀▲♀
19楼  2008-08-02 23:30:15   Re:定位代码
得好好研究研究,不太懂网友贴图
●男女国际品牌服饰●专柜化妆饰品●日韩瑞丽流行服饰●
20楼  2008-08-03 00:00:03   Re: Re: Re:定位代码
( 天林 [414004] 在大作中提到:)
( 粤商--枫桥边 [69452556] 在大作中提到:)
天林大哥,想实现您那样每个商品都有个条线的边框的,应该在哪里加什么代码,麻烦天林大哥赐教

代码:
#sideList UL {
BORDER: #3e99e3 1px solid; MARGIN: 1px;
}


谢谢天林大哥的赐教,每个都试过了,都没效果出来,不知道在哪里插入这些代码,还麻烦天林大哥解说下网友贴图
曾经停泊的一座枫桥...风雨无阻.〓〓枫桥边外贸品牌男装专卖〓〓 欢迎大家的光临
快速回复  

回复内容不能少于20个字符,不能多于800个字符(已输入:0/800)