0
<!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>Untitled Document</title>
<style>
.page_formate #container {
width: 998px; /* this will create a container 80% of the browser width */
background: #FFFFFF;
margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
border: 1px solid #999999; padding: 5px 5px 5px 5px;
text-align: left; /* this overrides the text-align: center on the body element. */
}
.header{
background-image: URL(images/index_header.jpg);
background-color:#66C;
border: 1px solid #cccccc;
height:80px;
border-style:hidden;
font-family: Arial;
font-size:12px;
text-align:right;
vertical-align:bottom;
color: #ffffff;
margin-right:0;
padding: 0px;
}
.base{
background-color:#222F00;
width:100%;
height:16px;
border-style: hidden;
color: #C2C2E0;
font-size:11px;
font-family: Arial;
text-align: center;
margin-right:0;
}
.left_bar{
background-color: #ECECEC;
float: left;
width: 190px;
height: 420px;
font-family: Arial;
border-style:hidden;
padding: 5px 5px 5px 5px;
margin: 0px 0px 0px 30px;
}
.copy_area{
margin: 0px 0px 0px 20%;
background-color: #ffffff;
padding: 20px 20px 20px 20px;
height:380px;
font-family: Arial;
font-size: 12px;
color: #666666;
}
body {
margin-left: 0px;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 0px;
background-image: URL(images/bg_image_2.png);
background-color: #E5E5E5;
height:100%;
}
.Heading_txt {
font-family: Arial;
font-size: 18px;
font-style: normal;
line-height: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
color: #76A101;
text-decoration: none;
text-align: right;
}
.Heading_txt_2 {
font-family: Arial;
font-size: 16px;
font-style: normal;
line-height: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
color: #666666;
text-decoration: none;
text-align: left;
}
.link_bg {
background-image: URL(images/link_bg.png);
font-family: arial;
font-size: 13px;
font-style: normal;
line-height: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
color: #FF0;
text-decoration: underline;
padding: 5px 5px 5px 5px;
}
#nav {
margin: 0px;
padding: 0px;
list-style-image: none;
list-style-type: none;
border: none;
height: 25px;
width: 178px;
}
#nav li a:link, #nav li a:visited, #nav li a:active {
font-family: Arial;
text-decoration: underline;
font-size: 14px;
color: #FF0;
display: block;
width: 178px;
margin: 0px;
height: 20px;
text-align: left;
padding: 5px 5px 5px 5px;
float: left;
background-attachment: inherit;
background-repeat: repeat-x;
background-image: URL(images/nav_2.png);
}
#nav li a:hover {
text-decoration: none;
background-image: URL(images/nav_hover.png);
font-size: 14px;
color:#76A101
}
.upper_link_text{
width:100%;
border-style: hidden;
image: URL(images/text_bet.png);
}
#upper_nav {
margin: 0px;
padding: 0px;
list-style-image: none;
list-style-type: none;
border: none;
height: auto;
width: auto;
float: right;
}
#upper_nav li {
color: #999;
margin: 0px;
padding: 0px;
float: left;
height: auto;
width: auto;
}
#upper_nav li a:link, #upper_nav li a:visited, #upper_nav li a:active {
text-decoration: none;
color: #616161;
display: compact;
width: auto;
margin:0px;
height: auto;
text-align: right;
vertical-align: text-top;
padding: 0px 0px 0px 0px;
float: left;
}
#upper_nav li a:hover {
text-decoration: none;
font-size: 12px;
color:#669900
}
#apDiv1 {
position:absolute;
width:444px;
height:35px;
z-index:1;
right: 20.5%;
top: 62px;
}
#apDiv2 {
position:absolute;
width:744px;
height:25px;
z-index:2;
right: 20.5%;
top: 22px;
}
.myflash {
width: 998px;
height: 201px;
margin: 0px;
padding: 0px;
}
</style>
</head>
<body class= "page_formate" style= "FILTER: Glow(Color= #888888, Strength=10);">
<div id= "container">
<div class="header">
<div id="apDiv2"><span class="Heading_txt">Content for Goes Here Content for Goes Here Content for Goes Here</span></div>
<div id="apDiv1"><ul id="upper_nav" style= "filter:dropshadow(color=#cccccc, offx=0, offy=8);">
<li><a href="#">Home</a> | </li>
<li><a href="samip.HTML">About us</a> | </li>
<li><a href="#">Services</a> | </li>
<li><a href="#">Contact us</a> | </li><li><a href="#">Site map</a></li></ul></div>
</div>
<div class="myflash"><embed src="swf/green_banner.swf" width="998" height="201"></embed></div>
<div class="left_bar">
<ul id="nav">
<li><a href="#">home</a></li>
<li><a href="#">about us</a></li>
<li><a href="#">services</a></li>
<li><a href="#" >contact us</a></li>
</ul>
</div>
<div class="copy_area"><span class="Heading_txt_2"><strong>Lorem ipsum dolor sit amet,</strong> consectetur adipisicing elit, sed do eiusmod tempor incididunt labore etim</span> <br />
<br />
Content for Goes Here Content for Goes Here Content for Goes Here Content for Goes Here Content for Goes Here Content for Goes Here Content for Goes Here Content for Goes Here Content for Goes Here Content for Goes Here Content for Goes Here Content for Goes Here Content for Goes Here Content for Goes Here Content for Goes Here Content for Goes Here Content for Goes Here Content for Goes Here Content for Goes Here Content for Goes Here Content for Goes Here Content for Goes Here Content for Goes Here Content for Goes Here Content for Goes Here Content for Goes Here Content for Goes Here Content for Goes Here Content for Goes Here Content for Goes Here Content for Goes Here Content for Goes Here Content for Goes Here Content for Goes Here Content for Goes Here Content for Goes Here Content for Goes Here Content for Goes Here Content for Goes Here Content for Goes Here Content for Goes Here Content for Goes Here Content for Goes Here Content for Goes Here Content for Goes Here Content for Goes Here Content for Goes Here Content for Goes Here Content for Goes Here Content for Goes Here Content for Goes Here Content for Goes Here Content for Goes Here Content for Goes Here Content for Goes Here Content for Goes Here Content for Goes Here Content for Goes Here Content for Goes Here Content for Goes Here Content for Goes Here Content for Goes Here Content for Goes Here Content for Goes Here Content for Goes Here Content for Goes Here Content for Goes Here Content for Goes Here </div>
<div class="base" id="1">Copy right base line</div>
</div>
</body>
</HTML>
What else can I help you with?
What is cascading style script?
CSS (Cascading Style Sheet) is a proramming language that is used with HTML to create the layout of a page.
how many foundation tags are there in HTML?
Foundation is a kind of Cascading Style Sheet. It is also called as Zurb Foundation.
What type of style sheet uses the style tag?
CSS (Cascading style sheet)
Is CSS a scripting language?
No, HTML is a mark up language and css ( cascading style sheet) is a way of styling a web page eg, bgcolor, text color size and font ect, you can write the css in the HTML or make it separate and link the HTML to it
What is the special formatting languages used to create webpages?
HTML, the HyperText Markup Language, defines web pages' content; CSS, Cascading Style Sheets, defines the web pages' presentation; and JavaScript, defines interactivity with the user, creating "Rich Internet Applications" (RIA).
How are the conflicting style rules resolved for the same element in HTML?
The conflicting style rules are resolved by introducing internal and external CSS. It defined a common cascading style sheet for all.
How do you fix font in HTML for different resolutions?
You can fix font by using CSS or Cascading Style Sheet. It can be defined differently for different resolutions.
What is CSS in web application?
CSS is a "cascading style sheet" which use for website templates designing. Moto of CSS is that how HTML elements are to be displayed.
What is the fullform of CSS?
cascading style sheet
What dpes CSS stamd for?
Cascading Style Sheet
What is the use of cascading style sheet in web development?
Cascading Style Sheet is a way of styling your document. It is a set of commands which make a page much more interactive.
What information is stored in external style sheet?
A CSS (Cascading Style Sheet) contains information about page formatting. It can include data related to every HTML element. For example, it can define the font face, size, and color of the <h1> tag.
