Friday, August 24, 2007

Getting Easier CSS

Yesterday I worked much with CSS. About 6 hours I had spent time for it. With the mercy of Almighty now I understanding CSS, but still don't know how to use div tag and BORDER .I wish I'll do it .........


This is My first CSS file::::::::::::::::


.alink {
font-family: Georgia, "Times New Roman", Times, serif;
font-size: 11px;
font-style: normal;
font-weight: bold;
font-variant: normal;
color: #000000;
text-decoration: 0;
background-image: url(box_mizan.gif);

page-break-before: always;
page-break-after: right;
line-height: normal;
background-attachment: fixed;
background-repeat: no-repeat;
}
BODY { background-color: #EEEEEE;
font-family: Arial, sans-serif;
color: #020202;
padding: 50px, 70px }
p { font-family: Verdana, Tahoma, Arial;
font-size: 11pt }

td { font-family: Verdana, Tahoma, Arial;
font-size: 11pt }

li { font-family: Verdana, Tahoma, Arial;
font-size: 11pt }

ul { font-family: Verdana, Tahoma, Arial;
font-size: 11pt }

A:hover {font-weight: bold;
background-color: #0080ff ;
text-decoration: underline;
color: #000080 }

a:link {text-decoration: underline;
font-family: Georgia, Tahoma, Arial;
font-size: 11pt;
color: #004080 }

a:visited {color: #CC0000;font-family: Georgia, Tahoma, Arial;
font-size: 11pt}


h3 {

margin-left: 180px;
margin-right: 20px;
top: 10px;
}

.parentbox {
text-align: center;
width: 100px;
border: solid #000000 1px;
background-color: #F9F9F9;
float: left;

font-family: Georgia, "Times New Roman", Times, serif;
font-size: 11px;
font-style: normal;
font-weight: bold;
font-variant: normal;
color: #000000;
text-decoration: 0;
}

.title {
width: 150px;
border: none;
background-color: #00ffff;
color: #000000;
font-family: Tahoma, sans-serif;
font-size: 12pt;
font-weight: 700;
text-align: center;
float: left;
}



a:visited {text-decoration: underline;
font-family: Verdana, Tahoma, Arial;
font-size: 11pt;
color: #004080 }

H1 { color: #FFFFFF;
background-color: #020202 }

.newimage {

font-family: Georgia, "Times New Roman", Times, serif;
font-size: 11px;
font-style: normal;
font-weight: bold;
font-variant: normal;
color: #000000;
text-decoration: 0;

background-image: url(box_new.gif);
page-break-before: always;
page-break-after: right;
line-height: normal;
background-attachment: fixed;
background-repeat: no-repeat;
}

1 comment:

Anonymous said...

Thanks for your effort