慎用img标签的vertical-align

这两天在做一个专题页面的时候,由于图片较多,并且没有一个的规则性,采用了table布局,在css中重置了img标签的vertical-align为middle,结果发现表格中出现了难看的隙缝,怎么调整table的结构都没用,值得一提的是,只有在IE6中才有问题,IE7和FF都正常,十分苦恼,后来灵光一现,把css中的vertical-align:middle去掉,结果正常了。看来对于img的vertical-align使用时还需谨慎考虑。

顺便再强烈鄙视下IE6,希望尽快退出历史舞台。

标签:,

ASP.NET中SiteMapPath控件引发的一个行距问题

最近参与的项目中遇到了一个问题,ASP.NET中的SiteMapPath控件有个属性叫SkipLinkText,微软MSDN上给出的解释是:

获取或设置一个值,用于呈现替换文字,以让屏幕阅读器跳过控件内容。

啥意思我还没弄明白,但很遗憾他惹到我了,当不设置SkipLinkText时,会生成一个形如下面代码的玩意:

<a href="#ctl00_pageRootNavigator_PageSiteMapPath_WebMapPath_SkipLink"><img alt="跳过导航链接" height="0" width="0" src="/WebResource.axd?d=J_hUHq-CIB-M7vCG5aP08A2&amp;t=633802945995006876" style="border-width:0px;" /></a>

本来没什么问题,但我一般会对面包屑导航的文字设置行距以保证在垂直方向的居中,但这个生成的多余img标签会使这个行距显得苍白无力,还好这个img的height和width都是0,这样在IE7、IE8、FF下显示都没有问题,偏偏万恶的IE6不行,文字会不受行距的控制而偏上。

其实如果不需要这个玩意,完全可以去掉,方法很简单,将SkipLinkText设置为空就可以了。

<asp:SiteMapPath ID="WebMapPath" runat="server" OnItemDataBound="WebMapPath_ItemDataBound" PathSeparator=" >> " SkipLinkText="">

如果不愿意去掉img标签,那只能给img设置display:none就可以了。

猛击我看例子

标签:, ,

让Firefox默认显示滚动条

Firefox在默认状态下,如果内容不超过一屏,纵向滚动条是不显示的,这点与IE不同,个人感觉不是很爽,尤其是当某些页面本身没有一屏,但通过点击某个按钮让其他隐藏的内容显示出来后超过一屏的话,会感觉整个网页有一个小小的平移。通过下面的代码可以让Firefox默认显示滚动条,使用Firefox的专用属性:

html { overflow:-moz-scrollbars-vertical; }

标签:,

jQuery中的get与eq理解

对于jQuery中的get()和eq()的理解,我的想法很简单,get()返回的是DOM,eq()返回的是jQuery,更通俗一点就是:

如果想改变一个DIV的显示与隐藏,两种方法:

$("div").get(0).style.display="none";

$("div").eq(0).show();

标签:

最新最全的2010年Godaddy优惠码大全

一组最新最全最实用的2010年Godaddy优惠码:

EMMA9 = .com domains for $7.49 each (new & renewal)
EMMA3 = .com domains for $7.49 each (new & renewal)
EMMA35 = .com domains for &pound;3.50 each
EMMA30 = 30% discount on .com domains
EMMA25 = 25% reduction on your order of $100+
EMMA8 = 20% off your order of $50+
EMMA7 = 10% discount on non-sale items (no minimum)
EMMA20H = 20% hosting discount (1,2 or 3 year plans)
EMMASSL = $12.99 SSL certificates

标签:,