看来Safari更标准

4th 12月 2007, 09:57 下午

以下是IE7，FF2.0.0.10，Safari三个浏览器的效果：

IE7
IE7下的效果

FF2.0
FF2.0效果

Safari效果
safari下的效果

以下是代码：

  1. <h3>这里是标题H2，应该被加粗的，但是这里用的H2关闭，所以下面的内容应该加粗</h2>
  2. <p>这里是内容</p>

查看效果

分类： 传说中的web标准  |  评论

九九乘法表

30th 11月 2007, 02:13 下午

涉及到了表格的相邻边合并的CSS，这里的border值应该设给td而不是table.
代码：

  1. <style type="text/css">      td{border:1px solid #f00;}  table{border-collapse:collapse;}</style>
  2. <table cellspading="0" cellSpacing="0">
  3. <tr>
  4. <td>ddddd</td>
  5. </tr>
  6. <tr>
  7. <td>ddddd</td>
  8. <td>ddddd</td>
  9. </tr>
  10. <tr>
  11. <td>ddddd</td>
  12. <td>ddddd</td>
  13. <td>ddddd</td>
  14. </tr>
  15. </table>

演示效果

分类： 传说中的web标准  |  评论

一个关于UL制作列表对齐的问题

28th 11月 2007, 03:18 下午

是蓝色经典的一位同志提出的问题，偶的解决办法如下：

html部分

  1. <div>
  2.       <ul>
  3.     <li>img</li>
  4.     <li>img</li>
  5.     <li>img</li>
  6.     <li>img</li>
  7.     <li>img</li>
  8.     <li>img</li>
  9.     <li>img</li>
  10.     <li>img</li>
  11.        </ul>
  12. </div>

CSS部分

  1.  *{
  2. padding:0;
  3. margin:0;
  4. }
  5.  div{
  6. width:500px;
  7. border:1px solid #f00;
  8. overfow:hidden;
  9. }
  10.  ul{
  11. margin:0;
  12. padding:0;
  13. list-style:none;
  14. width:510px;
  15. margin-left:-10px;
  16. height:1%;
  17. overflow:hidden;
  18. border:1px solid green;
  19. }
  20.  li{
  21. float:left;
  22. height:50px;
  23. width:90px;
  24. margin-left:10px;
  25. display:inline;
  26. border:1px solid #000;
  27. }

演示效果

分类： 传说中的web标准  |  评论