Archive for April 27th, 2008

A CSS styled calendar

#calendar { width: 141px; padding: 0; margin: 0; border-left: 1px solid #A2ADBC; font: normal 12px/20px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; color: #616B76; text-align: center; background-color: #fff;}td { border-right: 1px solid #A2ADBC; border-bottom: 1px solid #A2ADBC; width: 20px; height: 20px; text-align: center; background: url(images/bg_calendar.gif) no-repeat right bottom;}td a:link, td a:visited { color: #608194; background: url(images/bg_calendar.gif) [...]

CSS position:fixed for IE

position:fixed; BE a fixed method of using, the match overflow realization fixedly positions a chemical element to the top of a position of web pageMain CSShtml {background:#ccc;}body {margin:0; padding:0 10px 0 10px; border:0; height:100%; overflow:auto; background:#ccc;}body {font-family: georgia, serif; font-size:12px;}#menu {display:block; top:10px; left:10px; width:130px; position:fixed; border:1px solid #990000; padding:10px; text-align:center; font-weight:bold; color:#990000; background:#fff;}* html #menu [...]

The CSS carries out background to gradually change

The principle is to use Alpha to filter a mirror to plus one on each form transparent gradually change, from table background color control, the single td controls another a color to gradually changeThe Alpha filters a mirrorPhrasing:{FILTER:ALPHA(opacity=opacity,finishopacity=finishopacity,style=style, startx=startx,starty=starty,finishx=finishx,finishy=finishy)}Filter: Alpha(Opacity=100, FinishOpacity=0, Style=1, StartX=0, StartY=0, FinishX=0, FinishY=100);'Alpha'the attribute mix a target chemical element and the background.Design [...]

The CSS realization automatically cuts off

Iner keeping with rticle row form.test{width:200px;height:50px;border:1px solid red;padding:10px;overflow:hidden; /*Don't show a contents of exceed the object width*/text-overflow:ellipsis; /*Be a text inside the object to originally overflow show to abridge marking(…)*/white-space:nowrap; /*The restriction shows in 1 line all texts originally*/}<html><head><meta http-equiv="Content-Type" content="text/html; charset=gb2312" /><title>

Five gorgeous web page option card native download

The code of underneath is an example<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><Title>a very simple CSS web page options card example</title><link rel="icon" href="/favicon.ico" type="image/x-icon" /><link rel="shortcut icon" href="/favicon.ico" type="image/x-icon" /><style type="text/css">Body{font-family:"Lucida Grande", Verdana, Lucida, Arial, Helvetica, Sung body, sans-serif;font-size:12 pxes;}#nav{border-bottom:1px solid #666;}#nav{height:24px;}* html #nav{height:23px;}*+html #nav{height:23px;}#nav ul{list-style:none;margin:0 10px;padding:0;position:absolute;}#nav ul li{margin-right:10px;float:left;}#nav [...]

CSS Text Wrap

While design web page, we would usually meet writing layout can't at will of problem, basic limit in the scope of rectangle, if there is no the assistance of sketch, give the person's felling be a square square just positive, polite, have a way to work°out this problem?There is a new Text Wrap of the [...]

CSS 3 can support column and form in cent set up

The Spec of CSS3 has already draw to an end and I believe at the IE8 to will get support with various essential browser lieutenant general.The contrast is at the current CSS the tallest edition, the CSS3 did to very greatly change to move, the first step browsed once the Spec of CSS3, discovered an [...]

The CSS study

In the design of web page, skillful of make use of the frame of various style can let you of the web page layer be clear, have a good customer amity, can also make the web page be getting more beautiful, I am simple of the introduction carries out the method of dotted line frame [...]

Copyright © 2007 - Antivirus—Kaspersky key|kav7.0 key|kis7.0 key|kav8.0 key|kis8.0 key

  • Partner links