5jun’s Blog5jun’s Blog

快乐生活!快乐工作!在交流中学习,在学习中进步。
  • Home
  • Link
  • GuestBook

类目列表分隔线实现方法

2009年06月30日 BY:5JUN 阅读:14

      逛蓝色论坛的时候看到有一贴在讨论类目列表分隔线的写法{如右图},这种布局看起来应该是很简单的,通常情况下可能会给每一个类目的border-left加1px的边,这样的话开始第一个border-left就会多余,就会在第一个类目加CSS样式去掉就可以搞定。其实有更简单的方法,利用负边距及溢出隐藏原理,可以去参考淘宝的写法。
类目列表
      首先以右边的图为例,首先写出html,如下:

<dl>
  <dt>网游花费</dt>
  <dd>
    <a href=”#”>神鬼传奇</a>
    <a href=”#”>征途</a>
    <a href=”#”>Q币</a>
    <a href=”#”>劲舞</a>
    <a href=”#”>诛仙</a>
    <a href=”#”>永恒之路</a>
    <a href=”#”>天龙</a>
    <a href=”#”>DNF</a>
    <a href=”#”>中国移动</a>
    <a href=”#”>中国电信</a>
    <a href=”#”>中国联通</a>
  </dd>
</dl>

Read more…

标签: margin, 列表 | 发布在 网页设计 | 没有评论 »

层内容被FLASH遮挡解决办法

2009年06月25日 BY:5JUN 阅读:31

      今天在调整公司网站是发现,在视频播放的页面,分享按钮弹出推荐层会被flash播放器遮挡,给层加上z-index也不起作用,如是去google了一下,找到一些方法:
      wmode属性:

      “Window” 在 Web 页上用影片自己的矩形窗口来播放应用程序,并且始终位于最顶层。
      “Opaque” 显示页面上位于它后面的内容。
      “Transparent“使 HTML 页的背景可以透过应用程序的所有透明部分显示出来,并且可能会降低动画性能。

      “Opaque“和”Transparent“都可与 HTML 层交互,从而允许 SWF 文件上方的层遮蔽应用程序。这两种选项之间的差异在于”Transparent”允许透明,因此,如果 SWF 文件的某一部分是透明的,则 SWF 文件下方的 HTML 层可以透过该部分显示出来,而”opaque”则不会显示。

      如果忽略此属性,默认值为 Window。仅适用于object。 Read more…

标签: FLASH, wmode, 层 | 发布在 网页设计 | 一条评论 »

网页W3C验证

2009年06月2日 BY:5JUN 阅读:110

      说到W3C验证,做前端的应该都不陌生,但是你是否将自己制作的页面去验证并通过呢?

      在学习交流中发现,其实还是有一部分人没有将制作的页面拿去验证,通常就是实现相关效果,还原了设计稿就OK了,当然这样网页运行是不会出现什么问题,但是其中可能会隐藏着一些简单而基础的错误,可能会给后续的工作带来麻烦。自从有了验证的习惯后,觉得W3C验证指出错误非常直观,很方便修改,而且还是帮助你书写规范很不错的地方,除了纠正书写的错误,你还可以通过这里解决很多不解的问题,比喻一些嵌套问题,在你要布局某种结构,但不知道你写的嵌套是否正确,学习别人的书写也不一定正确,就可以去验证结果,相当方便,也不会消耗多少时间。

      在制作的时候,你可能觉得你写的结构通过样式都达到了预期的效果,但是作为这个行业,我觉得你必须严格要求自己。 Read more…

标签: W3C, 验证 | 发布在 网页设计 | 2 条评论 »

IE Tab,让Firefox内嵌IE成双核心

2009年04月11日 BY: 阅读:83

      IE Tab,又一Firefox扩展插件。

      这个火狐插件把FireFox浏览器也拥有IE核心,使不适应火狐的网民更快的享受火狐浏览的快感。让WEB制作调试更加方便。

      下载地址:火狐浏览器IE Tab插件

      下载后打开Firefox将IE Tab拖到浏览器中点击安装,安装完毕后,点击“工具—-IE Tab选项”可以进行相应的设置。

      如果在用Firefox浏览网页,碰到Firefox不支持需要用IE的话,可以点击鼠标右键点击“使用IE Tab浏览此页面”,如图:

Read more…

标签: Firefox, IE Tab, 双核心 | 发布在 网页设计 | 一条评论 »

愚人节,谷鸽鸟看

2009年04月1日 BY:5JUN 阅读:40

Read more…

标签: 愚人节, 谷鸽 | 发布在 网络资讯 | 没有评论 »

工作以后十不要

2009年03月31日 BY:5JUN 阅读:77

第一:不要认为停留在心灵的舒适区域内是可以原谅的。

第二:不要把“好像”;“有人会……”;“大概”;“晚些时候”;“或者”;“说不定”之类放在嘴边。尤其是和上级谈论工作的时候。

第三:不要拖延工作。
很多人喜欢在学习和玩耍之间先选择后者,然后在最后时间一次性赶工把考试要复习的东西突击完成。但是在工作中请不要养成这样的习惯,因为工作是永远做不完的,容不得你“突击”。又或者,当你在徘徊和彷徨如何实施的时候,你的领导已经看不下去,自己去做了。—-这是一个危险的信号。
另外,警告一下:永远不要想,我知道了,先把上级派的事情放一下,等这集《越狱》看完再说。—-90%的情况下,你会忘记,或者来不及,因为这件事需要比你原先想象要更多的时间。说做就做,一直是很好的习惯。 Read more…

标签: 工作 | 发布在 生活速写 | 2 条评论 »

« 较老的文章
 Page 1 of 16  1  2  3  4  5 » ...  Last » 
  • My Page

    • GuestBook
    • Link
  • Categories

    • 丁丁乐趣 (5)
    • 实用代码 (11)
    • 平面设计 (9)
    • 生活速写 (13)
    • 电脑知识 (16)
    • 网络资讯 (11)
    • 网页设计 (27)
  • Recent Posts

    • 类目列表分隔线实现方法
    • 层内容被FLASH遮挡解决办法
    • 网页W3C验证
    • IE Tab,让Firefox内嵌IE成双核心
    • 愚人节,谷鸽鸟看
    • 工作以后十不要
    • coreldraw常用的几种文字转曲方法
    • FLASH右键菜单代码及生成器
    • 博客,又开了
    • 两个比较个性且实用的列表
  • Recent Comments

    • 疯狂浪子
      也转WP了啊! »
    • 吴志豪
      嗯,学习了! »
    • 5JUN
      不好意思,你的站会弹出广告。 »
    • Rtycqzoa
      PUDGeg comment1 ... »
    • bolo
      不错的插件啊,很方便 »
    • 下一页 »
  • Tag Cloud

    丁丁 个性 乱码 代码 元旦 分类 列表 博客 双核心 双边 右键菜单 园林艺术 块元素 天冷 工作 平面设计 弹出层 微软 愚人节 技巧 新年 植物 浏览器 生成器 背景 调用 谷鸽 转曲 雅虎 饱暖 2009 coreldraw CSS CSS hack DIV DIV等高 Firefox FLASH FTP hover html IE Tab img JS WINDOWS XP
  • Links

    • 何强
    • HEEman俊文
    • 眉丑丑
    • 怪兽网
    • 饭饭’s Blog
    • 非主流中文网
    • 托比天空
    • 蓝色理想
    • 燕儿天空
    • 疯狂浪子
    • 丁丁的博客
    • 发如雪
    • 小胡’s Blog
    • 她他音乐
    • 飘易博客↑
    • 无名吧
    • 吴志豪博客
    • 快乐e行
    • php爱好者
    • 蚂蚁小筑
  • Meta

    • 注册
    • 登录
    • 有效XHTML
    • XFN
    • WordPress

5jun's Blog由 WordPress 驱动 文章 (RSS) 和 评论 (RSS)。