Archive for 三月, 2008

2008 - 03 - 25

IE8居然还自带SCRIPT DEBUG

Published by 朝心 under 页面制作

只要页面出现JS错误,浏览器总弹出“A runtime error has occurred.Do you wish to debug?”框,非常的烦……
IE 菜单: Tools->Options->Advanced —— uncheck “Disable Script Debugging”
影响正常浏览(主要是不会用,真正需要看调试又看不了),还是关掉的好

4 responses so far

2008 - 03 - 25

多IE浏览器问题

Published by 朝心 under 页面制作

安装了IE8 beta1后,一直喜欢用的IE6绿色版(IE6Eolas)不能用了……
只能改用另一个绿色版组合(ie-MultipleIEs),这个之前试用了,好像有些显示和原IE6不同(好像是没了双倍MARGIN的BUG,忘记了)
不过现在没办法,也只能继续用着看看了。
其他调用IE内核的浏览器调用的还是之前安装的IE7,还好,一般浏览不用去搞IE8,忍受外面各种网站的变形

One response so far

2008 - 03 - 18

53个CSS技巧

Published by 朝心 under 页面制作

1. CSS Based Navigation //基于CSS的导航

2. Navigation Matrix Reloaded //导航矩块翻转

3. CSS Tabs //CSS标签

4. CSS Bar Graphs //CSS条状图表

5. Collapsing Tables: An Example //压缩表格:一个实例

6. Adam’s Radio & Checkbox Customisation Method //亚当的单选框和复选框的用户化方法

7. CSS Image Replacement //CSS图像替代

8. CSS Shadows(CSS Shadows Roundup) //CSS阴影(CSS阴影综述)

9. CSS Rounded Corners Roundup (Nifty Corners) //CSS圆角综述(漂亮的拐角)

10. Drop Cap-Capital Letters with CSS //用CSS实现首字母下沉

11. Define Image Opacity with CSS //用CSS定义图像半透明

12. How to Create a Block Hover Effect for a List of Links //如何给链接列表创建鼠标悬停的区块效果

13. Pullquotes with CSS (Automatic Pullquotes with JavaScript and CSS) //用CSS实现引用(用JavaScript和CSS实现自动引用)

14. CSS Diagrams //CSS图表

15.CSS Curves //CSS曲线

16. Footer Stick allows for the footer of a Web page to appear either at the bottom of the browser window or the bottom of the Web page content – whichever is visually lowest.
//页脚帖允许一个网站页面的页脚显示在在浏览器窗口的底部或者网站页面内容的底部中实际最底的一个。

17. CSS Image Map //CSS图像地图

18. CSS Image Pop-Up //CSS图像弹出

19.CSS Image Preloader //CSS图像预载

20. CSS Image Replacement for Buttons //CSS按钮的图片替换

21.Link Thumbnail //链接缩略图

22. CSS Map Pop //CSS地图提示

23. PHP-based CSS Style Switcher //基于PHP的CSS样式改变

24. CSS Unordered List Calender (CSS Styled Calender) //CSS无序列表日历(CSS设计的日历)

25. CSS-Based Forms: Techniques //基于CSS的表单:技巧

26. CSS-Based Tables: Techniques //基于CSS的表格:技巧

27. Printing Web-Documents and CSS //打印网站文档和CSS

28. Improved Links-Display for Print-Layouts with CSS //用CSS改良打印布局的链接显示

29. CSS-Submit Buttons //CSS提交按钮

30. CSS Teaser Box //CSS内容摘要盒子

31. CSS Tricks for Custom Bullets //对于定义式列表的CSS窍门

32. Ticked Off Links Reloaded //用记号标出翻转的链接

33. CSS Zooming //CSS缩放

34. Creating a Star Rater using CSS //用CSS创建星型评价

35. The ways to style visited Links //设计浏览过链接的方法

36. PDF, ZIP, DOC Links Labeling //PDF,ZIP,DOC链接的标注

37. Displaying Percentages with CSS //用CSS显示百分比

38. Image Floats without the Text Wrap //没有被正文包围的浮动图片

39. Let visitors decide, whether or not will they open link in a new window //让访问者决定,是否会在新窗口带开链接

40. Simple accessible external links //简单易用的外部链接

41. Zebra Table with JavaScript and CSS //用JavaScript和CSS实现多条纹的表格

42. Vertical Centering with CSS (Horizontal and Vertical Centering with CSS) //用CSS实现垂直居中(用CSS实现水平和垂直居中)

43. Unobtrusive Sidenotes //不引人注目的旁注

44. Image Caption with CSS (Styled Images with Caption) //用CSS实现图像说明(设计给图像加上说明)

45. Dynamic Piechart with CSS //用CSS实现动态饼图

46. Format Footnotes with CSS //用CSS实现布局脚注

47. Hierarchical Sitemap with CSS //用CSS实现分等级的网站地图

48. Snook’s Resizable Underlines //史鲁克的可改变大小的下划线

49. Switchy McLayout: An Adaptive Layout Technique //马克布局改变: 一个自适应布局的技巧

50. StyleMap: CSS+HTML Visual Sitemap //样式地图:CSS+HTML 形象化的网站地图

51. Custom Reading Width //自定义阅读宽度

52. CSS Alert Message //CSS提示信息

53. CSS Production Notes //CSS产品注释

2 responses so far

2008 - 03 - 15

IE8……恶心了

Published by 朝心 under 页面制作

IE8对display:table的解析模式
使自己之前做的很多页面造成变形……
习惯的

这种排版会造成foot直接忽略content,使foot浮上去
得改变习惯
foot必须添加clear……
display:table暂时少用,继续测试问题

No responses yet

2008 - 03 - 13

Adobe Spry 1.6.1发布 面向设计人员的AJAX框架

Published by 朝心 under 页面制作

http://www.javaeye.com/news/1314
Adobe Spry是一个面向Web设计人员而不是开发人员的Ajax框架,它使得设计人员不需要了解复杂的AJAX技巧也能在一个HTML页面中创建丰富体验成为了可能。目前1.6.1版本发布,很多新的更新都和支持AIR相关,并且很多很酷的功能加入到新的版本中。

Spry有许多功能,但是最重要的就是移除和加载数据,下面我给一个Spry是如何运行的例子:

首先:

Javascript代码

这个文件告诉Spry一个URL people.cfm,加载XML文件,并且解析XPath /people/person。Spry同样也支持JSON,TSV,CSV,甚至HTML tab文件。下面是XML文件

Xml代码

Spry告诉浏览器如何在页面上显示XML

Html代码

使用简单的标记spry:region and spry:repeat,Spry框架能够控制数据的加载和解析。是不是非常简单?

One response so far

2008 - 03 - 13

border:none? border:0?

Published by 朝心 under 页面制作

今天在IE7中碰到了一个奇怪的问题
一个input文本框,border:none居然无效,只能用border:0解决
郁闷,有空再研究……

One response so far