作者sarsspear (沙士比亚)
看板Web_Design
标题Re: [问题] 请问如何用CSS取代这些HTML语法?
时间Sat Feb 10 18:10:29 2007
※ 引述《smile0052 (笑笑)》之铭言:
: ※ 引述《sarsspear (沙士比亚)》之铭言:
: : 如题,如何把这些语法改用CSS设定?
: : <table border="1" align="center" cellpadding="0" cellspacing="0">
: : <iframe width="380" height="320" marginwidth="1" marginheight="1"
: : scrolling="no" border="0" frameborder="0">
: : <img width="100" height="200" border="0">
: : <a target="_blank" alt="照片">
先感谢您抽空回答,在下的概念就是想写成这种类别格式,
因为那些属性重复率很高,不想逐一重写。
不过这位回答者的CSS有些已经试过了,但是没达到效果,
所以才会拿出来问orz
: --------------------
: CSS
: .tab{
: border:1px;
: text-align:center;
: border-collapse:collapse;}
这个这样写似乎不完整,
HTML的border="1"是设定所有储存格,
而这里定义了border 1px完全没效(好像还要加些颜色之类的参数)
HTML的align是让表格本身置中,但储存格内容为预设值。
CSS的text-align似乎没效果
不过collapse似乎可以取代padding和spacing
: .if{
: width:380px;
: height:320px;
: margin:1px;
: border:0;
: overflow:hidden;}
这里用overflow似乎没办法解决,卷轴还是大喇喇的出现...
其他的目前看起来没问题
: .img{
: width:100px;
: height:200px;
: border:0;}
我不太确定样式表的width和height能等同於HTML的width与height...
是否皆能有让浏览器预先控制空间的效果
还有就是如果20张图有15张已经用CSS控制了width: 100px; height:200px
但是如果有5张想个别定width和height,用width="xxx" height="xxx"
似乎没办法盖过CSS.........
: ----------------------
: HTML
: <table class="tab">
: <ifname class="if">
: <img class="img">
: ----------------------
呃...alt和target就没救了吗>'<
我知道连结可以设base target,但是不希望全页都设,
所以想写在class里。
: 你的HTML码不够完整所以只能这样告诉你
: 写法有很多种,用一个最简单的方式让你了解而已^___^
这种方式大概就是我要的了^^
--
※ 发信站: 批踢踢实业坊(ptt.cc)
◆ From: 61.217.35.23
※ 编辑: sarsspear 来自: 61.217.35.23 (02/10 18:12)
1F:推 ccw0808:IFRAME里的卷轴问题须从原来的那个网页设定唷 02/10 18:13
2F:推 sarsspear:试过在框架内页的body设overflow: hidden 02/10 18:18
3F:→ sarsspear:结果...fx有效,IE无效... 02/10 18:18
4F:→ sarsspear:overflow-x: hidden; overflow-y: hidden也是一样 02/10 18:18
5F:→ sarsspear:难道IE不认识overflow?? 02/10 18:19