Archive for April, 2008

Three CSS realizations of next pull menu

It a<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" ><head><meta http-equiv="Content-Type" content="application/xhtml+xml; charset=UTF-8" /><title> Drop Down Menu </title><style type="text/css">body {font-size:1%; color:#fff;} /*get rid of the IE bug that prints the the end of the !doctype */.menu {display:none;}.holder {color:#000; width:90px; height:18px; display:block; background:#dca; border:1px solid #000; margin-right:1px; text-align:center; float:left; text-decoration:none; font-family:tahoma, vardana, arial, sans-serif; font-size:10px; line-height:18px; overflow:hidden;}.holder:hover {height:auto; cursor:pointer;color:#fff; background:#000;}a.inner, a.inner:visited [...]

The css cuts over a web page to turn angry face

CSS core:The attribute heavy definitionSee a few small techniques first:1, connect to plus modifier to the chainWe usually use style watch outside of the chemical element connects to carry on modifier to the chain, for example use a picture, use a form and use other labels, in fact we can to<a>the label use style watch [...]

The css literalness automatically conceals

Phrasing: overflow : visible | auto | hidden | scroll Parameter: visible :  Don't shear to slice the contents also doesn't add spooler.If the show type declares this tacit approval value, the object will be shear to slice for the size of window or frame which includes object.And the clip attribute constitution will lose efficacyauto [...]

visibility: None and display: None of distinct

Both all can specify a conceal of chemical element The div visibility can control a div manifestation to show blank with conceal, but conceal a page behind:   style="visibility: none;"  document.getElementById("typediv1").Style.visibility="hidden";//conceal  document.getElementById("typediv1").Style.visibility="visible";//show  Passing constitution display an attribute can make the div release to take up after conceal of page space, as follows   style="display: none;"  document.getElementById("typediv1").Style.display="none";//conceal  document.getElementById("typediv1").Style.display="";//show

The CLASS combination is applied

I is so to do DIV layout a code of.do not know to say of know not and clearly, gather together and seeMy viewpoint is a future ability so:Assemble web page DIV layout with the way of standard pieceI is divided into 2 kinds of classes, layout class, style class, the layout class is a [...]

The css style overlay

<HTML><HEAD><TITLE>Cascading order</title><STYLE TYPE="text/css">p {font-size:12pt}</STYLE></HEAD><P style="font-size:30 pts">this paragraph of inside the Qian style(Inline Style) overlay(overwrite) internal style form(Internal Style Sheet), the form of written size of manifestation was a 30 pts, not 12 pts.</p></BODY></HTML>

The css fixed position is relevant of a picture

This be the concerning the width, padding, border in the css, the of margin relate to of a diagram, we see, box the comprehension firefox, opera of the model still has IE them is have a margin of.Old diagram, however still keep produce result now.Because of great use, the decision crest is in article 1!

The css div surround

<div id="info"><h2>TRACKING YOUR IMAGES</h2><div id="holdit"><img src="http://www.ajaxstu.com/Files/File/2007-11/24/GDIC98CEDCF94F7KI3.jpg"" alt="Winnie the pooh" title="Winnie the pooh" /><em class="a420"></em><em class="a430"></em><em class="a400"></em><em class="a370"></em><em class="a340"></em><em class="a300"></em><em class="a270"></em><em class="a250"></em><em class="a240"></em><em class="a230"></em><em class="a230"></em><em class="a340"></em><em class="a340"></em><em class="a360"></em><em class="a540"></em><em class="a540"></em><em class="a540"></em><em class="a550"></em><em class="a550"></em><em class="a550"></em><em class="a550"></em><em class="a550"></em><em class="a550"></em><em class="a540"></em><em class="a460"></em><em class="a490"></em><em class="a500"></em><em class="a500"></em><p>"I shall have to wait until I catch up with it," said Winnie-the-Pooh. "Now, look [...]

The CSS carry out of bilingual navigate

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "<a href="http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd" target="_blank">http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd</a>"><html xmlns="<a href="http://www.w3.org/1999/xhtml" target="_blank">http://www.w3.org/1999/xhtml</a>" xml:lang="en" lang="en"><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><Meta name="Keywords" content="bilingual menu, the Chinese-English bilingual menu"/><The meta http-equiv="Description" content="completely use the Chinese-English of CSS realization bilingual navigate menu"/><Title>completely use the Chinese-English of CSS realization bilingual navigate menu</title><style type="text/css">a{color: #FFFF99;text-decoration: none;}a:hover{color: #FFFFFF;text-decoration: underline;}#nav{padding: 10px 10px 0;font-size: [...]

Html+the css do a Cape form

<style type="text/CSS">div#nifty{margin:0;background:#9BD1FA}p {padding:10px}div.rtop {display:block;background:#fff}div.rtop div {display:block;height:1px;overflow:hidden;background:#9BD1FA}div.r1{margin:0 5px}div.r2{margin:0 3px}div.r3{margin:0 2px}div.rtop div.r4 {margin:0 1px;height:2px}</style><div id="nifty">    <div class="rtop">        <div class="r1"></div>        <div class="r2"></div>        <div class="r3"></div>        <div class="r4"></div>    </div>    <P>div+ CSS circle Cape rectangle</p>    <div class="rtop">        <div class="r4"></div>        <div class="r3"></div>        <div class="r2"></div>        <div class="r1"></div>    </div></div>

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

  • Partner links