关于网站底部信息(页脚)的写法

这两天在做几个页面的时候,关于页面底部信息(页脚)的布局遇到有几种情况,这里记录下来,以备查阅。(均以div布局)

我先说一下我遇到的两种情况吧:

第一种情况:左边有个logo,右边是页脚信息。最外边的div有2px的边框,整个div没有高度限制。

首先想到的是定义一个最外边div,并定义  阅读全文...

新闻列表右侧日期的写法

我们经常会碰到新闻列表的页面布局,如下图:

那么,这样的页面该怎么写呢?….

当然,我们应该用li去写···

这里,想和大家探讨一下右侧日期的写法···

在网上,看到两种写法:

第1种写法:

<li><a href="#"><sp  阅读全文...

最全的CSS浏览器兼容问题整理(IE6.0、IE7.0 与 FireFox)《转》

CSS对浏览器的兼容性有时让人很头疼,或许当你了解当中的技巧跟原理,就会觉得也不是难事,从网上收集了IE7,6与Fireofx的兼容性处理方法并整理了一下.对于web2.0的过度,请尽量用xhtml格式写代码,而且DOCTYPE 影响 CSS 处理,作为W3C的标准,一定要加DOCTYPE声名.  

CSS技巧

1.div的垂直居中问题

vertical-align:middle; 将行距增加到和整个DIV一样高 line-height:200px; 然后插入文字,就垂直居中了。缺点是要控制内容不要换行 &n  阅读全文...

Web前端开发工程师技术列表

想要打造并拥有一流的Web产品开发团队,在团队成员基础能力上一定要下功夫。对于Web前端产品开发来说,仅仅掌握Web1.0时代简单的"网页套接"是完全不够的。我结合自己的团队配备,特此罗列了Web前端产品工程师所涉及的技能列表如下:

  通过许多实际项目,个人认为一个完备的前端产品开发团队,必须拥有如下的人才配备,也希望大家补充:

  ◎ 团队全体成员达到所有技能中的a级标准
  ◎ 团队全体成员必须掌握两项技能中的b级标准,并保证所有的b级标准在该团队中有  阅读全文...

怎样给背景加链接?

<div style="background:url(images/log_01.gif) no-repeat; width:283px; height:137px; overflow:hidden;">

<a href="http://www.163.com/" target="_blank" style="display:block; width:283px;height:137px;"></a>

<a href="http://xiaoi.olomo.com/matching.php?u=82499" target="_blank"><img style="border:0; position:relative;bottom:50px; margin-left:175px;" src=&q  阅读全文...

请慎用display:inline

最近在做官方MSN群空间的项目,做到下面这样一个页面

主要说说中间【群友博客】的排列方式

这样的排列方式,自然而然的想到应该用li去实现,对!没错,就是用li去写···

我说一下我的写法:

·定UL的宽度和padding,定ul上边距和左边距的具体数值

·定li下边距和右边距  阅读全文...

上个简单界面

那天为客服机器人做的一个简单界面

阅读全文...

如何解决FF下图片链接有下划线的问题?

今天遇到一个问题,页面结构如下:

<ul>
<li><a href="#"><img src="images/f1.gif" />搞飞机</a></li>
<li><a href="#"><img src="images/f2.gif" />搞飞机</a></li>
<li><a href="#"><img src="images/f3.gif" />搞飞机</a></li>
<ul>

大致意思就是用li的方式来展示图片和文字链接的  阅读全文...

单行div里插入input和文字,怎样让input和文字都垂直居中?

==========这篇文章被search到的机会比较多,今天晚上登陆空间在访问记录里看到从百度又过来几个点击,然后仔细看了一下我写的东西,发现这篇东西还是有点问题的,我想,不能误导大家!然后又思考了一下,所以想重新写一下==========

  用div布局页面,我们经常会遇到这样的问题:需要在一个设置了行高的div里放入登陆框,这就牵涉到要同时放入文字(用户名、密码)和登陆框(input),当我们只是放文字时,文字是可以垂直居中的,但一旦插入input你就会发现:文字和input  阅读全文...

小谈清除浮动clear:both,如何解决margin不起作用问题?

  这两天在做一个网站项目,整个网站用table布局(我一般很少用table做页面,因为这个是一个外包项目,图快,所以就用table做了)。

问题描述:

  有个页面是这么个情况:整个页面一个大的table,两列td,左侧一列td是一些常规的链接和图片,右边一个td里是一排一排的图片,因为是在右侧一列的td里插入一排一排的图片,所以我就想在td里插入一个div,然后写li,用li来布局这些图片···就这样一个简单布局的页面却遇到一个奇怪的问题:我将右侧一列td插入的这个  阅读全文...