I had been looking around for a way to accomplish fixed header and footer on a website when scrolling, and somehow i haven't got it right with background attachment: fixed, neither i got it with absolute position...I have a main Div called wrapper, inside there are three main Divs: header, content and footer, and each one of them has sub Divs inside for the content of each one. So the structure goes something like this in general terms:body[[ Div:wrapperDiv:HeaderDiv:top-bannerDiv:MenuDiv:Buttons][Div:Content][Div:FooterDiv:bottom-banner]]is there any way to accomplish that the header and footer remain "locked" at the top and bottom of the browser window and only the content scrolls down. See Here is the proper solution: html, body {height: 100%;}body {any other styles;}#container {min-height: 100%;other styles;}* html #container {height: 100%;}/*IE6*/this way, your page start out 100% but can grow bigger as content demands.
Read More »
Practicing sun salutations regularly can produce longevity, efficiency, strength and improve overall health. You can make your waist and spine flexible through sun salutations. You can tone up and beautify your arms and broaden your chest. If your spirit has started sagging lately, practice sun salutations to revive and rekindle your lost and drooping spirit.Surya Namaskar is included in the regular routine of prayer and worship. Means it must be practiced regularly. Its greater importance has been described in the scriptures. As per the scriptures, a single day worship of the sun has virtues equivalent to the bestowal presentation of one lakh milk cows. Like worship, Surya Namaskaras too has their own significance. Surya Namaskara means prayer (Vandana) of Lord Surya. Surya Vandana is short. Surya Namaskara is an ancient system of Indian exercise. Stand facing the east at dawn and peacefully chant the mantras to pray Lord Surya and offer red sandals, flowers, rice grains (Akshatas) with water of simply the water alone as ARGHE (libation) and perform Surya Namaskara. This whole process must be performed before the sunrise is better.Making difficult body movements becomes easy and your movements also become more graceful through practicing sun salutations. Unpleasant body...
Read More »
You can get a complete Specification of CS 2 from here. Just Click on the following Link.Cascading Style Sheets, level 2
Read More »
The Web Standards What are Web Standards about? A mindset change Semantically correct markup What is valid code? What is accessible code? Why use CSS to separate content from presentation? A CSS based site in action How do your VISITORS benefit from Web Standards? How do your CLIENTS benefit from Web Standards? How do YOU benefit from Web Standards? What are the downsides How do you achieve Web Standards? Conclusion Web Standards resources
Read More »
ഇന്നു രാവിലെ:ഒരു ഇടിയപ്പത്തിന്(നൂല്പ്പുട്ട്) എട്ടു രൂപ; മൂന്നെണ്ണത്തിന് 24 രൂപ!ഇടിയപ്പത്തിന്റെ default കറി കടലക്കറിയത്രേ!! അതുകൊണ്ട് ചോദിക്കാതെ തന്നെ അതു കൂടെ കിട്ടും; അതിനു 15 രൂപ!!ഒരു കുഞ്ഞു ഗ്ലാസില് മുക്കാല് ഭാഗം ചായ (കുറ്റം പറയരുതല്ലോ നല്ല രുചിയുള്ള പായസം പോലുള്ള ചായ), അതിന് 7 രൂപ...ആകെ 24 + 15 + 7 = 46 രൂപ...50 രൂപ കൊടുത്തപ്പോള് ഹോട്ടലുടമ പറഞ്ഞു ബാക്കി 4 രൂപ ഉച്ചക്കു തരാമെന്ന്...ഇനി ഉച്ചയ്ക്ക്:ചോറ്, എന്തൊക്കെയോ പച്ചക്കറികള് കഴുകിയ വെള്ളത്തില് ഉപ്പും പുളിയും ഒഴിച്ച് സാമ്പറെന്നു പേരുമിട്ടൊരു കറി, പറശ്ശിനിക്കടവ് മുത്തപ്പന്റെ പ്രസാദം പോലെ ഒരു പയറു കറി, ഒരു സ്പൂണ് റെഡിമെയ്ഡ് അച്ചാര്, ഒരു പപ്പടം = 45 രൂപ!!വൈകുന്നേരം: മൂന്നു ചപ്പാത്തി 24 രൂപ... എന്തോ ഭാഗ്യത്തിന് കൂടെ കിട്ടുന്ന കറിയെന്നു പറയുന്ന സാധനത്തിനു പൈസയില്ല!!ഇവിടെ ബാഗ്ലൂരില് ഇങ്ങനെയൊക്കെയാണ് :(
Read More »
When styling fonts with CSS you may be doing this:font-size: 1em;line-height: 1.5em;font-weight: bold;font-style: italic;font-variant: small-caps;font-family: verdana,serif;There's no need though as you can use this CSS shorthand property:font: 1em/1.5em bold italic small-caps verdana,serifMuch better! Just a couple of words of warning: This CSS shorthand version will only work if you're specifying both the font-size and the font-family. Also, if you don't specify the font-weight, font-style, or font-varient then these values will automatically default to a value of normal, so do bear this in mind too.
Read More »
Tables existed in HTML for one reason: To display tabular data. But then border="0" made it possible for designers to have a grid upon which to lay out images and text. Still the most dominant means of designing visually rich Web sites, the use of tables is now actually interfering with building a better, more accessible, flexible, and functional Web. Find out where the problems stem from, and learn solutions to create transitional or completely table-less layout.The problem with using tables:mixes presentational data in with your content.This makes the file sizes of your pages unnecessarily large, as users must download this presentational data for each page they visit.Bandwidth ain't free.This makes redesigns of existing sites and content extremely labor intensive (and expensive).It also makes it extremely hard (and expensive) to maintain visual consistency throughout a site.Table-based pages are also much less accessible to users with disabilities and viewers using cell phones and PDAs to access the Web.Modern browsers are much better at rendering Web standards and we don't need to use these archaic methods any more. Instead of nesting tables within tables and filling empty cells with spacer GIFs, we can use much simpler markup and CSS to lay out...
Read More »
IE has a rather strange way of doing things. It doesn't understand the min-width and min-height commands, but instead interprets width and height as min-width and min-height - go figure!This can cause problems, because we may need boxes to be resizable should more text need to go in them or should the user resize text. If we only use the width and height commands on a box then non-IE browsers won't allow the box to resize. If we only use the min-width and min-height commands though then we can't control the width or height in IE!This can be especially problematic when using background images. If you're using a background image that's 80px wide and 35px high, then you'll want to make sure that the default size for a box using this image is exactly 80 x 35px. However, if users resize the text then the box size will need to expand gracefully.To resolve this problem, you can use the following code for a box with class="box":.box{width: 80px;height: 35px;}html>body .box{width: auto;height: auto;min-width: 80px;min-height: 35px;}All browsers will read through the first CSS rule but IE will ignore the second rule because it makes use of the child selector command5. Non-IE browsers will...
Read More »
A very handy CSS command that exists is the min-width command, whereby you can specify a minimum width for any element. This can be particularly useful for specifying a minimum width for a page.Unfortunately, IE doesn't understand this command, so we'll need to come up with a new way of making this work in this browser. First, we'll insert a under the tag, as we can't assign a minimum width to the :Next we create our CSS commands, so as to create a minimum width of 600px:#container{min-width: 600px;width:expression(document.body.clientWidth < 600? "600px": "auto" );}The first command is the regular minimum width command; the second is a short JavaScript command that only IE understands. Do note though, this command will cause your CSS document to invalidate so you may prefer to insert it into the head of each HTML document to get round this.You might also want to combine this minimum width with a maximum width:#container{min-width: 600px;max-width: 1200px;width:expression(document.body.clientWidth < 600? "600px" : document.body.clientWidth > 1200? "1200px" : "auto");}
Read More »
The characters that appear in the first column of the following table are generated from Unicode numeric character references, and so they should appear correctly in any Web browser that supports Unicode and that has suitable fonts available, regardless of the operating system.CharacterANSINumber UnicodeNumber ANSIHex UnicodeHex HTML 4.0EntityUnicode NameUnicode Range' '32320x20U+0020spaceBasic Latin!33330x21U+0021exclamation markBasic Latin"34340x22U+0022"quotation markBasic Latin#35350x23U+0023number signBasic Latin$36360x24U+0024dollar signBasic Latin%37370x25U+0025percent signBasic Latin&38380x26U+0026&ersandBasic Latin'39390x27U+0027apostropheBasic Latin(40400x28U+0028left parenthesisBasic Latin)41410x29U+0029right parenthesisBasic Latin*42420x2AU+002AasteriskBasic Latin+43430x2BU+002Bplus signBasic Latin,44440x2CU+002CcommaBasic Latin-45450x2DU+002Dhyphen-minusBasic Latin.46460x2EU+002Efull stopBasic Latin/47470x2FU+002FsolidusBasic Latin048480x30U+0030digit zeroBasic Latin149490x31U+0031digit oneBasic Latin250500x32U+0032digit twoBasic Latin351510x33U+0033digit threeBasic Latin452520x34U+0034digit fourBasic Latin553530x35U+0035digit fiveBasic Latin654540x36U+0036digit sixBasic Latin755550x37U+0037digit sevenBasic Latin856560x38U+0038digit eightBasic Latin957570x39U+0039digit nineBasic Latin:58580x3AU+003AcolonBasic Latin;59590x3BU+003BsemicolonBasic Latin62620x3EU+003E>greater-than signBasic Latin?63630x3FU+003Fquestion markBasic Latin@64640x40U+0040commercial atBasic LatinA65650x41U+0041Latin capital letter ABasic LatinB66660x42U+0042Latin capital letter BBasic LatinC67670x43U+0043Latin capital letter CBasic LatinD68680x44U+0044Latin capital letter DBasic LatinE69690x45U+0045Latin capital letter EBasic LatinF70700x46U+0046Latin capital letter FBasic LatinG71710x47U+0047Latin capital letter GBasic LatinH72720x48U+0048Latin capital letter HBasic LatinI73730x49U+0049Latin capital letter IBasic LatinJ74740x4AU+004ALatin capital letter JBasic LatinK75750x4BU+004BLatin capital letter KBasic LatinL76760x4CU+004CLatin capital letter LBasic LatinM77770x4DU+004DLatin capital letter MBasic LatinN78780x4EU+004ELatin capital letter NBasic LatinO79790x4FU+004FLatin capital letter OBasic LatinP80800x50U+0050Latin capital letter PBasic LatinQ81810x51U+0051Latin capital letter QBasic LatinR82820x52U+0052Latin capital letter RBasic LatinS83830x53U+0053Latin capital letter SBasic LatinT84840x54U+0054Latin capital letter TBasic LatinU85850x55U+0055Latin capital letter UBasic LatinV86860x56U+0056Latin capital letter VBasic LatinW87870x57U+0057Latin capital letter WBasic LatinX88880x58U+0058Latin capital letter XBasic LatinY89890x59U+0059Latin...
Read More »
History of Kerala Renaissance (കേരള നവോത്ഥാന ചരിത്രം)
Through the paths of history (ചരിത്രവഴികളിലൂടെ )
Dravidian glory (കനലാട്ടം)
ഇഷ്ടപ്പെട്ട യാത്രകൾ (Favorite trips)
എനിക്കിഷ്ടപ്പെട്ട കവിതകൾ (My favorite poems)
