存档

文章标签 ‘css’

通过CSS让WordPress图片成比例自动缩小

2010年5月8日 没有评论

不知道大家发现没有,有时候贴入WordPress的图片尺寸过大,结果导致文章发布后图片撑破页面。整个版式变的一团糟。如果我们要贴入WordPress的大尺寸图片很多,一张一张的去调整尺寸会很麻烦,有没有简单实用的办法(如通过CSS定义)让WordPress把图片自动成比例缩小到一定程度呢?通过GG还真找到相关的方法。
阅读全文…

css中IE下判断IE版本的语句

2009年6月17日 没有评论

1.

++CoolCode_BLOCK_1++

2.

++CoolCode_BLOCK_2++

3.

++CoolCode_BLOCK_3++

4.

++CoolCode_BLOCK_4++

5.

++CoolCode_BLOCK_5++

6.

++CoolCode_BLOCK_6++

7.

++CoolCode_BLOCK_7++

8.

++CoolCode_BLOCK_8++

9.

++CoolCode_BLOCK_9+...

点击阅读全文

分类: 网站制作 标签: , , ,

最新CSS兼容方案

2009年6月13日 没有评论

HACK1:

  1. #example {
  2. margin:5px!important; /* for Firefox */
  3. margin:10px; /* for IE6 */
  4. margin /**/:11px; /* for IE5 */
  5. }
  6. *+html #example{margin:15px!important; }/* for IE7 */

阅读全文…

分类: 网站制作 标签: , ,

表单栏目提示效果

2008年12月21日 没有评论

表单栏目提示效果

提示:你可以先修改部分代码再运行。

代码如下: 阅读全文…

分类: 网站制作 标签: , , ,

firefox,ie7,ie6兼容性问题,和css解决方案

2008年12月18日 没有评论

相信很多人听说过Hack,就是在CSS代码里加入一些如* html,+hmtl, /**/,这些代码在IE里能被识别,其它浏览器不能,也有些IE6可以,IE7不能识别,就是通过这样的方法,来写针对不同浏览器的CSS代码。

这里有几篇文章是介绍Hack的,还有收集了目前的一些Hack,可以点过去看看。先别急着点,继续往下看吧。最后我才把链接贴上,因为下面的内容更重要。比你漫无目的找HACK实用。

这里介绍几个经典的区别不同浏览器,CSS hack写法太多了,也很杂,这里我就介绍几款实用的,又容易记的写法:
阅读全文…

分类: 网站制作 标签: , , ,

用css来控制图片显示大小

2008年12月18日 没有评论

有时候图片太大,会破环网页整齐的布局。这时可以用css来强制按比例压缩图片的高度或宽度

css代码如下:

++CoolCode_BLOCK_13++

这样当图片的高度或宽度若超过590px,将会按比例压缩成590px,如果不超过则按原大小显示。

点击阅读全文

DIV 图片居中

2008年11月10日 没有评论

++RunCode_BLOCK_p99Be_++

代码:
阅读全文…

点击阅读全文

菜单点击弹出下拉式

2008年11月7日 没有评论
分类: 网站制作 标签: , , ,

CSS三栏布局中最先显示中栏的方法

2008年10月27日 没有评论

浏览器显示页面是一行一行的按顺序执行代码,也就是说写在前面的先执行显示,而对于左中右3栏布局的设计,代码要么是从左–>中–>右来书写,要么就是到过来从右–>中–>左来书写,要做到要求的效果,那首先要书写的是中栏的代码。

所以我首先定义了一个id=m的DIV,并且padding-left:150px,定义这个是为了给左栏留出140PX的显示位置,然后再在这个DIV里面嵌套定义一个id=middle的DIV,我用position:absolute的属性(绝对定位);然后再定义左栏left和右栏right。用position:absolute的属性有一个不好的地方就是它象photoshop里的层一样,它的自动延伸并不会带动整个布局的延伸,所以会遮住一些页面元素,比如我们通常会在网站的最下面写上一些copyright的信息,如果用先显示中栏的这种方法,如果不做处理的话,这些信息会被遮盖住。处理的办法就是使用javascript,让左右2栏的高度随中栏一起自动延伸。 阅读全文…

分类: 网站制作 标签: , ,

IE多版本共存的解决方案——IETester(推荐)

2008年9月1日 没有评论

刚刚用过,感觉特别;厉害,比以前网上流行的Multiple IEs 强多啦!以下为官方解释:
阅读全文…

分类: 资源共享 标签: , , , , , , ,