HTML, CSS, JAVASCRIPT, AJAX, ASP, ASP.NET, SQL Tutorial

Posts

Showing posts from February, 2013

MySQL Password field

Creating a table with password field in mysql database. mysql>create table contact (Name varchar(20), password char(41)); mysql>insert into contact values('john',password('12345')); mysql>select * from contact; you will get this result john *23AE809DDACAF96AF0FD78ED04B6A265E05AA257 Password is encrypted now no user can see it.

MSW Logo

Start Logo and type the following command. cs for [j 1 9 1][rt 45 for [i 1 15 1] [repeat 60[lt 6 fd :i]]] Output :

Example CSS file

Example CSS file Add the following in the Head section of your web page <link href="default.css" rel="stylesheet" type="text/css" /> do necessary modification save the code below in a file name default.css and see the result *{ margin: 0; padding: 0; } body { margin: 20px 0; background: #FFFFFF; font: normal 13px Arial, Helvetica, sans-serif; color: #666666; } a { color: #29A3E1; } a:hover { text-decoration: none; color: #E16629; } /* Boxed */ .title { background: url(images/img4.gif) no-repeat right center; border-bottom: 3px solid #CFCFCF; } .boxed1 .title { font: bold 100% "Trebuchet MS", Arial, Helvetica, sans-serif; } .boxed1 .content { background: url(images/img05.gif) no-repeat left bottom; padding: 20px; } .boxed2 .title { font: normal 182% "Trebuchet MS", Arial, Helvetica, sans-serif; } .boxed2 .content { background: url(images/img06.gif) repeat-x left bottom; padding: 20px; } .boxed3 .ti

CSS Properties

margin : length or percentage or auto; margin-top a:link list-style margin-left a:visited list-style-image margin-right a:hover list-style-image-position margin-bottom a:focus list-style-image-type padding-top : length or percentage Css Anchor, Link height padding-left a.column1:link line-height padding-right Css Border max-height padding-bottom border min-height color : red or #2398 or rgb(,,) border-style max-width letter-spacing : normal or length border-width min-width text-align: left or center or right or justify border-bottom Css Classification text-decoration: underline or overline or line through or blink border-bottom-color clear text-indent : length or percentage border-bottom-style cursor text-transform: none or capitalize or lowercase border-bottom-width display white-space: normal or pre or nowrap border-right float word-spacing: normal or length border-right-color overflow Font border-right-style visibility font border-right-width z-index font-fami

Css Properties

Css Properties Css Margins top right bottom left Css Anchor, Link Css Ordered And Unordered List margin : length or percentage or auto; margin-top a:link list-style margin-left a:visited list-style-image margin-right a:hover list-style-image-position margin-bottom a:focus list-style-image-type Css Padding (top right bottom left) a:active css width and height properties padding-top : length or percentage Css Anchor, Link height padding-left a.column1:link line-height padding-right Css Border max-height padding-bottom border min-height Css Text border-color width color : red or #2398 or rgb(,,) border-style max-width letter-spacing : normal or length border-width min-width text-align: left or center or right or justify border-bottom Css Classification text-decoration: underline or overline or line through or blink border-bottom-color clear text-indent : length or percenta

Try CSS

open notepad type the following and save the file with name testcss.html on desktop and then open this file in internet explorer : <html> <head> <title>css tutoriaL</title> <style type="text/css"> body { background: #006699; font-family: "Trebuchet MS", Verdana, Arial, serif; } </style> </head> <body> <p style ="font-size:20px"> This text is written in <br>color code #006699 font size 20 </p> </body> </html> output :

CSS

CSS (cascading style sheet) CSS Syntax : selector { property: value } for example : body { background: #eeeeee; font-family: "Trebuchet MS", Verdana, Arial, serif; }