WEB问题整合

2012年3月29日 | 分类: WEB编程 | 标签:

下面是平时做网站中遇到的一些小问题融合，至于是那些网站中用到的我以记不清了，只能以遇到过这些问题，便于日后工作和学习我就将这些总结起来，学以致用，要更懂得总结嘛！ 1）.margin-top,margin-bottom不能正常显示时 一.有时会遇到外层中的子层使用margin-top不管用的情况；这里我们需要在子层的前后加上一个 div{height:0;overflow:hidden;} 例 CSS样式表中： #box {background-color:#eee;} #box p {margin-top: 20px;margin-bottom: 20px;text-align:center;} 解决方法：在P标签前后各加2个空的div：<div style=”height:0;overflow:hidden”></div> 二.网页中头部，中部，底部的居底部有时给个margin-bottom:10px;不管用也是要给个清除属性的.clear{clear:both;font-size:0;line-height:0;}在底部<div id=”footer”></div>下加个<div></div> 2）.div层中高度自适应问题 网页前端科技人员在设计网页时不可能知道客户在要他们自己的网站内容页里加多少文字或图片内容 这时我们就不能规定div层的高度，为此应写成min-height:200px;height:auto Read More >>

没有评论

推荐给 iOS 设计师的工具和资源

2012年3月12日 | 分类: 移动设备设计 | 标签:

苹果App Store 的应用总下载量近日刚突破 250 亿，并继续上升中。毫无疑问，iOS 开发一直是热门话题，这是一个制造了数亿美元的产业。一个成功的应用，需要良好的规划。在理解应用开发流程中，绘制线框图是规划阶段重要一环，也用于确定可用性可能存有的问题及技术潜在问题。素描和原型，能让你更好的理解要你的应用程序。如果不是自己的项目，是给客户做的，那也方便和客户解释沟通。 如果你是一位设计师或开发人员/程序员，准备步入iOS开发，那这里收集了你需要的工具。本文并不涵盖iOS教程，只偏重线框图工具和视图资源。 1. Sketch Pad 素描垫 就我个人而言，我更喜欢用纸笔来画图。可以很快添加、修改和擦除。如果你也偏爱手绘，那下面这个素描垫合集对你很有用了。 ① iPhone Wireframe Templates for Sketching Interactive Logic 出的素描垫。有两种布局，各自又有两个格式：PDF 和 Viso (VSD) 。 ② iPhone Idea Sheet ③ iPhone Application Sketch Template 带网格的 iPhone 素描垫 ④ iPad Idea Sheet iPad 素描板 ⑤ iPad Application Sketch Template 带网格的 iPad 素描垫 ⑥ High Level iPad App Wireframing 一个高级iPad应用线框图，还有可以详解iPad的屏幕信息的表单。 2. UI 模版 UI 模版是快速做原型和画线框图的最佳工具。 ① iPhone GUI PSD (iPhone 4S) iOS 5 Read More >>

没有评论

div+css 布局下兼容IE6 IE7 FF常见问题解决方案

2011年8月29日 | 分类: 脚本 | 标签: ,

所有浏览器 通用 （市面上主要用到的IE6 IE7 FF） height: 100px; IE6 专用 _height: 100px; IE6 专用 *height: 100px; IE7 专用 *+height: 100px; IE7、FF 共用 height: 100px !important; 一、CSS 兼容 以下两种方法几乎能解决现今所有兼容. 1, !important (不是很推荐，用下面的一种感觉最安全) 随着IE7对!important的支持, !important 方法现在只针对IE6的兼容.(注意写法.记得该声明位置需要提前.) 代码: <style> #wrapper { width: 100px!important; /* IE7+FF */ width: 80px; /* IE6 */ } </style> 2, IE6/IE77对FireFox <from 针对firefox ie6 ie7的css样式> *+html 与 *html 是IE特有的标签, firefox 暂不支持.而*+html 又为 IE7特有标签. 代码: <style> #wrapper { width: 120px; } /* FireFox */ *html #wrapper { width: 80px;} /* ie6 fixed */ *+html #wrapper { width: 60px;} /* ie7 fixed, 注意顺序 */ </style> 注意: *+html 对IE7的兼容 必须保证HTML顶部有如下声明： 代码: <!DOCTYPE HTML PUBLIC “-//W3C//DTD HTML 4.01 Transitional//EN”　”http://www.w3.org/TR/html4/loose.dtd> 二、万能 float 闭合(非常重要!) 可以用这个解决多个div对齐时的间距不对， 关于 clear float 的原理可参见 [How To Clear Floats Without Structural Markup] 将以下代码加入Global CSS 中,给需要闭合的div加上 class=”clearfix” 即可,屡试不爽. 代码: <style> /* Clear Fix */ .clearfix:after Read More >>

没有评论

解决ie6下png图片透明的完美方法

2011年8月23日 | 分类: 脚本 | 标签: ,

可以同时支持插入图片或css背景调用问题。 说明： 1.“ie6-png-2(filter)”文件中，滤镜控制调用背景透明和js控制插入图片透明不能同时出现，这样在不同浏览器下会有问题，可以分开使用； 2.“ie6-png-1(js)”文件中整理了一下更简单调用的方法，没有使用滤镜，经测试各浏览器下均能正常显示。强烈推荐使用这种方法！ 点击下载：ie-png.zip Read More >>

没有评论

CSS菜单(纯CSS) ：纵向一(二级菜单)、纵向二(三级菜单)、右侧下拉菜单(三级下拉)、横向下拉菜单、上拉菜单(三级菜单)

2011年8月23日 | 分类: 脚本 | 标签: , ,

一,纵向一(二级菜单) <html xmlns=”http://www.w3.org/1999/xhtml”> <head> <meta http-equiv=”Content-Type” content=”text/html; charset=utf-8″ /> <title>二级dropdown弹出菜单–A CROSS BROWSER Drop DOWN CASCADING VALIDATING MENU</title> <style type=”text/css”> /* common styling */ /* set up the overall width of the menu div, the font and the margins */ .menu { font-family: arial, sans-serif; width:750px; margin:0; margin:50px 0; } /* remove the bullets and set the margin and padding to zero for the unordered list */ .menu ul { padding:0; margin:0; list-style-type: none; } /* float the list so that the items are in a line and their position relative so that the drop down list will appear in the right place underneath each list item */ .menu ul li { float:left; position:relative; } /* style the links to be 104px wide by 30px high with a top and right border 1px solid white. Set the background color and the font size. */ .menu ul li a, .menu ul li a:visited { display:block; text-align:center; text-decoration:none; width:104px; height:30px; color:#000; border:1px solid #fff; border-width:1px 1px 0 0; background:#c9c9a7; line-height:30px; font-size:11px; } /* make the dropdown ul invisible */ .menu ul li ul { display: none; } /* specific to non IE browsers */ /* set the background and foreground color of the main menu li on hover */ .menu ul li:hover a { color:#fff; background:#b3ab79; } /* make the sub menu ul Read More >>

没有评论

MacBook笔记本只装XP及双系统下XP多分区问题解决方案！[转]

2011年8月20日 | 分类: 移动生活 | 标签:

MacBook笔记本只装XP及双系统下XP多分区问题解决方案！ 第一种：苹果电脑windows多分区 具体操作如下: 第一:Boot Camp 做分区 . 分区的大小到满意为止 但不能小于40G  因为你要在WINDOWS上多分区. 如果你要装WINDOWS VISTA 或 WINDOWS XP都必须做1到两个分区的 第二 用Boot Camp开始安装系统 . 到光盘启动到硬盘分区界面的时候. 你会看你用Boot Camp这个软件分的磁盘分区的 和一个128兆的一个分区对于这个你不用管 . 现在不是要把你用Boot Camp分的区给格式化 而是 把你用Boot Camp这个软件分的区给删了 . 你会看见你删完后 你会发现那个128兆的分区大了但不用管因为这个被删除的分区容量已经和那个128兆的空间已经成为一体这个是正常的，这时候会多了一个未划分的磁盘空间 你就可以分区了  无论你分了几个区最后一定要留下一个未划分的空间 这个空间大小就是100-到500兆之间但不能格式化 (解释一下这个分区的作用请看说明1) 1/(在我们没删除用Boot Camp这个软件分的区时候所看到那个128兆的未划分的空间 因为这个是很重要的 他起的作用就是 做 苹果和WINDOWS 之间的 系统引导记录 但那个你留下的空间一定不要格式化 也不用把他划分出来) 最后你要记住你分的这几个区的大小 因为你好格式化 分完的区  现在 要做的是 把你分的第一个区格式化 Read More >>

没有评论

How to Create a CSS Menu Using Image Sprites

2011年8月4日 | 分类: WEB编程 | 标签: , ,

VIEW：http://line25.com/wp-content/uploads/2009/css-menu/demo/demo.html DOWNLOAD：awesome-menu Read More >>

没有评论

去掉链接A标签周围的虚线框（IE、Firefox）

2011年8月4日 | 分类: 脚本 | 标签:

一、局部消除 1.firefox 的链接有时会产生难看的虚线说是因为负值的 text-indent 的缘故，可我怎么觉得是因为 block元素外面没有被限制的原因。可以使用 outline:none 来消除点击链接时的虚线。<a href=”#2″ mce_href=”#2″ style=”display:block;outline:none;”>aaa bb</a> 2.IE使用这三种方法消除链接虚线 (1)<a href=”#1″ mce_href=”#1″ hidefocus=”true”>aaa</a> (2)<a href=”#1″ mce_href=”#1″ style=”nofocus:expression(this.onFocus=this.blur())”>aaa</a> (3) <a href=”#1″ mce_href=”#1″onfocus=”blur()”>aaa</a> 二、全局消除 CSS实现(实践可用) a{blr:expression(this.onFocus=this.close());} /* 只支持IE，过多使用效率低 */ a{blr:expression(this.onFocus=this.blur());} /* 只支持IE，过多使用效率低 */ a:focus { -moz-outline-style: none; } /* IE不支持 */ a:focus { outline: none; } /*很多网站都会加的属性*/ Read More >>

没有评论

越狱成就苹果的昨日辉煌，但未来路在何方？

2011年8月2日 | 分类: 移动生活 | 标签:

转至cnbeta.com iPhone普一问世，便有些用户对苹果在这款手机上做的各种限制非常不满，不过总的来说，他们还是很喜欢iPhone的硬件和软件，显而易见，苹果的设计相当有讲究。他们不喜欢的，是苹果设计的全封闭系统，这个系统不让用户安装和使用非官方的应用。而且iOS上可以改变的设置和外观太有限了。 这些人被称为越狱社团。尽管在苹果用户当中，他们只是很小一部分，但个个都是高手。今天出现在iPhone上和即将出现在iOS5上的很多功能最先就是在iPhone的越狱版上出现的，因为这些用户希望能最大化地利用苹果的创新。 如果你从最开始就用过iPhone，那么你会记得2007年苹果发布的第一款手机功能是多么有限。没有app，没有复制粘贴，没有视频拍摄，没有 MMS，没有方法可以把iPhone的数据连接到笔记本。所有这些功能还有更多其他功能，最先只有iPhone越狱版的应用才能提供。不管是好是坏，从 Read More >>

没有评论

博客修复成功，重新开放

2011年7月23日 | 分类: 乱七八糟 | 标签:

今年3月份，博客升级的时候，一直出现数据库链接错误。找了几种方法，都无效。 今天闲来无事，再搜索了下，有人说是数据库修复下即可，用phpmyadmin把数据库表都修复了下，确实成功了。 并且把wp升级到最新版本。 空的时候还是多写写。 Read More >>

没有评论
Page 1 of 1212345...10...Last »
置顶