Latest from 飞腿站长站's 网页设计

字体css ... no reply

蓝色梦幻 — Mon, 08 Sep 2008 14:03:50 +0800

xhtml不支持document.body.scrollTo ... no reply

蓝色梦幻 — Thu, 28 Aug 2008 20:42:52 +0800

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
这时document.body.scrollTop始终为0,这时需要用document.documentElement.scrollTop才能获得正确的值

而如果不加xhtml的申明,document.documentElement.scrollTop将为0

各种圆角实现方法 ... no reply

蓝色梦幻 — Thu, 21 Aug 2008 21:15:33 +0800

http://css-discuss.incutio.com/?page=RoundedCorners

IE6下的空div ... no reply

蓝色梦幻 — Mon, 11 Aug 2008 21:41:55 +0800

div{
font-size:0;
height:0;
overflow:hidden;
}

IE6中双margin宽度的解决 ... no reply

蓝色梦幻 — Mon, 04 Aug 2008 12:57:40 +0800

解决方案是:把浮动容器的display属性定为inline，bug解决.
例子:
#div{
margin:0 0 0 100px;
display:inline;
}

margin和padding ... no reply

蓝色梦幻 — Mon, 04 Aug 2008 12:25:03 +0800

margin和padding用来隔开元素，margin是隔开元素与外边，padding是隔开元素里边。

IE6中的div最小高度 ... no reply

蓝色梦幻 — Mon, 04 Aug 2008 01:50:20 +0800

问：为什么我设置的div的高度是1px，为什么看不到效果啊，div老是那么高。

答：给你的div加一个属性：font-size:0;
说明：
这个问题出现在IE6中；
IE6中的div默认有个最小字体高度，div的最小高度就是这个高度，除非你改变这个字体的大小。
这样来加： .style1{height:1px;font-size:0;}

比如想用一个div来做一个1px高的红色线条

在没有设置字体大小的时候会得到的情况：
<style type="text/css">
.style1{
height:1px;
background:red;
}
</style>
<div class="style1"></div>
<style type="text/css">
.style1{
height:1px;
background:red;
}
</style>

<div class="style1"></div>
设置了font-size:0会得到的情况：
<style type="text/css">
.style1{
font-size:0;
height:1px;
background:red;
}
</style>

<div class="style1"></div>

IE6下PNG透明（IE7、Firefox本身支持） ... no reply

蓝色梦幻 — Sat, 14 Jun 2008 11:16:36 +0800

.div{
background:url(http://w3css.com/down/imgw3css.png)no-repeat;
+background:none; filter: progid: DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src="http://w3css.com/down/imgw3css.png");
width: 100px; height: 30px;}

使用了png透明后，在ie下会出现超链接不可点的情况。

解决方法：a{position:relative}

在IE7中div空白的问题 ... no reply

蓝色梦幻 — Sun, 20 Apr 2008 00:51:06 +0800

一个div在IE7下空白，鼠标移动上去，div的内容才会显示出来
解决方法
1、把html和body的高度都设置为100%

html,body{height:100%;}

2、把div的高度也设置为100%

互联网产品经理和原型设计 ... no reply

蓝色梦幻 — Sat, 26 Jan 2008 10:13:37 +0800

一个合格的互联网产品经理在向技术部提交产品策划方案时，除了详尽的需求说明外，还必须提供清晰易懂的产品原型设计(Prototype Design)方案，优秀的原型设计不仅方便在前期进行研讨，也可以更好的帮助美工和开发人员理解产品特性，从而节省时间，提高效率。以下简单聊几句产品经理和原型设计，希望和大家多多交流。

http://www.kuangfeng.cn/blog/?p=1460

A Preview of HTML 5 ... no reply

蓝色梦幻 — Fri, 25 Jan 2008 12:31:02 +0800

http://www.alistapart.com/articles/previewofhtml5

W3C发布HTML5蓝图 ... no reply

蓝色梦幻 — Thu, 24 Jan 2008 11:53:39 +0800

http://www.w3.org/TR/2008/WD-html5-20080122/

一个在线的photoshop ... 2 replies

蓝色梦幻 — Tue, 22 Jan 2008 18:00:47 +0800

很不错，在线使用，不用安装软件了。
http://www.splashup.com/splashup/

IE6、IE7、Firefox和CSS之间如何协调 ... 1 reply

蓝色梦幻 — Sun, 06 Jan 2008 22:09:40 +0800

在以往的CSS代码编写中，我们大部分都是用!important来hack。
在ie6和firefox环境中测试可以正常显示，并成功的应用了hack技术。
但是新近发布的ie7对!important可以正确解释，页面没有能够按要求显示！

现在找到一个针对IE7不错的hack方式：使用“*+html”！
现在用IE7浏览一下，应该没有问题了。

示例如下：
#example {}{ color: #333; } /**//* Moz */
* html #example {}{ color: #666; } /**//* IE6 */
*+html #example {}{ color: #999; } /**//* IE7 */

那么在firefox下字体颜色显示为#333，
IE6下字体颜色显示为#666，
IE7下字体颜色显示为#999，并且它们互不干扰！

100个漂亮的网站 ... no reply

蓝色梦幻 — Tue, 01 Jan 2008 10:59:15 +0800

#100 Bartelme Design

#99 Freshview

#98 Mark Bixby

#97 Banyan Bar

#96 MindMeister

#95 Elitist Snob

#94 FreelanceSwitch

#93 cgCraft

#92 Global Zoo

#91 Ron Paul 2008

#90 Mint Idea

#89 Buffalo

#88 NxE

#87 html life

#86 Students' Association at Unitec

#85 Erskine Design

#84 elixir graphics

#83 Dream Design Studios

#82 Spectro Invest Corporation

#81 David Behan

#80 Modern Blue

#79 5th Column Web Design

#78 Yellowtail Charters

#77 Task1

#76 IESL

#75 HBCWeb

#74 Sum Life

#73 Green Renaissance

#72 Zend

#71 Spruce Peak

#70 Janic Design

#69 Equity for Growth

#68 toybar

#67 Secuoyas

#66 ashwebmedia

#65 Olivier Vanier

#64 Kretivia

#63 Proxicast

#62 Aqua Restaurant and Bar

#61 Iconkits.com

#60 Angel 49

#59 Design General

#58 Molehill

#57 Ventutec

#56 Coda

#55 Pixel House

#54 Radiant Plumbing

#53 pixeldub

#52 TexturePacks.net

#51 Pixlogix

#50 Nemark Media

#49 Pixelshell

#48 Frexy

#47 BearGraphics

#46 Hydra Studio

#45 TNTPixel

#44 SEO Studio

#43 Cabedge

#42 Poplar Grove

#41 Ars Nova

#40 San Diego Brewing Co

#39 Le Moulin de Sauvage

#38 Wake Interactve

#37 Timothy Blake

#36 Webdesigner.ro

#35 JEDA Records

#34 Rann Wear

#33 webZapisnik.cz

#32 Kishore Nagarigari

#31 Pixelmator

#30 Elastic Digital

#29 Visual Elixir

#28 Stoodeo

#27 Ungarbage

#26 General Electric

#25 Infinise Design

#24 Pink Cactus

#23 imloušekStudio

#22 Incredible Box

#21 Danny Blackman

#20 Fully Illustrated

#19 dotsilver

#18 Alex Buga

#17 Nivas

#16 nYq Design Studio

#15 Lance Thackeray

#14 Fray

#13 Cult Foo

#12 moo.fx

#11 Ted Lermontov

#10 Voll

#9 A J Miles

#8 Stripemania

#7 Web Designer Wall

#6 Fisticuff Design Co

#5 Eden Creative Communities

#4 The Adirondack Lean-to Company

#3 Edgewater Cottage Community

#2 Мария Папазова

#1 darklight