|
|
主题: 如何用CSS实现表格效果？
|
不是高手
职务：普通成员
等级：3
金币：5.0
发贴：1352
|
#162004/12/30 14:43:58
呵呵，楼主做得挺漂亮嘛！
不过only for IE6，在Mozilla FireFox1.0里可以说是布局完全失败！
建议再去研究一下不同浏览器里对浮动模型的解释的差异
编辑历史:[此帖最近一次被 aquarior 编辑过(编辑时间:2004-12-30 14:51:07)]
|
indian
职务：普通成员
等级：1
金币：4.0
发贴：75
|
#172004/12/31 9:28:09
嗯，谢谢鼓励，您的鼓励增强我不少的信心，原以为做的很差，都有些力不从心的感觉。我当时做的时候就是针对IE6.0的，Mozilla FireFox1.0根本没有考虑。在DW中我就发现层的布局就有些不对劲。
不同浏览器里对浮动模型的解释的差异－请问有没有相关的文章推荐
还有贵网站www.w3cn.org的有个布局我不是很明白：
“循序渐进”、“翻译文章”、“布局代码”、“心得经验”，这4个标题是从左到右依次用li实现的，那么相对应的内容也应该是“循序渐进-内容”、“翻译文章-内容、”“布局代码-内容”、“心得经验-内容”。可事实上对应的内容却是反着来的：“心得经验-内容”、”、“布局代码-内容”、“翻译文章-内容、“循序渐进-内容”。并且显示出的内容又刚好对应标题的1234
请问这是为什么吗？
QQ:82227734
POPO:indian@163.com
我的博客：http://blog.kysf.net
|
康夫
职务：普通成员
等级：5
金币：3.0
发贴：3311
|
#182004/12/31 10:24:05
select标签的外框颜色可以改
以前看苏沈小雨的网站（已经关了）
他是用DIV包含select的，把select的边框设为0，然后设置DIV的边框
|
不是高手
职务：普通成员
等级：3
金币：5.0
发贴：1352
|
#192004/12/31 10:36:51
首先：w3cn.org不是“贵”网站，呵呵 引用:
“循序渐进”、“翻译文章”、“布局代码”、“心得经验”，这4个标题是从左到右依次用li实现的，那么相对应的内容也应该是“循序渐进-内容”、“翻译文章-内容、”“布局代码-内容”、“心得经验-内容”。可事实上对应的内容却是反着来的：“心得经验-内容”、”、“布局代码-内容”、“翻译文章-内容、“循序渐进-内容”。并且显示出的内容又刚好对应标题的1234
看不懂
|
不是高手
职务：普通成员
等级：3
金币：5.0
发贴：1352
|
#202004/12/31 10:50:15
www.onestab.net/a/pie/index.html关于浮动模型的BUG，可以参考该页头上3篇文档，许多时候这些玩意也搞的我头晕，为什么世界上回有这么多浏览器标准呢！！这个时候我倒是有点痛恨MS的IE内核了！
|
imageser
职务：普通成员
等级：1
金币：0.0
发贴：13
|
#212005/1/2 15:04:51
编辑历史:[此帖最近一次被 imageser 编辑过(编辑时间:2005-01-02 16:14:43)]
|
游荡在上海
职务：普通成员
等级：1
金币：0.0
发贴：41
|
|
不是高手
职务：普通成员
等级：3
金币：5.0
发贴：1352
|
#232005/1/4 14:10:45
HTML:
<div id="boxtitle">
<ul>
<li id="b1"><a href="http://www.w3cn.org/article/step/index.html">循序渐进</a></li>
<li id="b2"><a href="http://www.w3cn.org/article/translate/index.html">翻译文章</a></li>
<li id="b3"><a href="http://www.w3cn.org/article/layout/index.html">布局代码</a></li>
<li id="b4"><a href="http://www.w3cn.org/article/tips/index.html">心得经验</a></li>
</ul>
</div>
CSS #boxtitle{
CLEAR:both;
MARGIN-RIGHT: auto;
MARGIN-LEFT: auto;
MARGIN-TOP:0px;
MARGIN-BOTTOM:0px;
PADDING: 0px;
BACKGROUND: url(img_box4.gif) #FFF no-repeat left top;
WIDTH:776px;
HEIGHT:105px;
}
#boxtitle ul {
CLEAR: left;
MARGIN: 0px;
PADDING: 0px 0px 0px 0px;
BORDER:0px;
LIST-STYLE-TYPE: none;
HEIGHT:105px;
}
#boxtitle li {
FLOAT: left;
DISPLAY: block;
MARGIN: 5px 0px 0px 0px;
PADDING:0px;
TEXT-ALIGN: center;
BACKGROUND: url(li_title.gif) transparent no-repeat 10px 2px;
}
#boxtitle li a {
MARGIN:0px;
PADDING:0px;
DISPLAY: block;
WIDTH: 100%;
COLOR: #FFF;
FONT-WEIGHT:bold;
TEXT-DECORATION: none;
}
#boxtitle li a:hover {
FONT-WEIGHT: bold;
COLOR: #60A179;
TEXT-DECORATION:underline;
DISPLAY: block;
BACKGROUND: url(li_wtitle.gif) transparent no-repeat 10px 2px;
}
#boxtitle ul li#b1 A {WIDTH: 192px;}
#boxtitle ul li#b2 A {WIDTH: 192px;}
#boxtitle ul li#b3 A {WIDTH: 192px;}
#boxtitle ul li#b4 A {WIDTH: 192px;}
 哪里有问题？
|
