Solved

CSS Float fleft or right not working in Crome or firefox

Posted on 2011-09-14
13
326 Views
Last Modified: 2012-05-12
HI all i am using css to style my pages and flote left or right is not working in firefox or crome

here is my css
#footerlist{}
#row1  { float: left;width: 100px; padding: 10px; height="auto"; }
#row2  { float: left;width: 100px; padding: 10px; height="auto"; }
#row3  { float: left;width: 100px; padding: 10px; height="auto"; }
                  

and my html

<html>
      <head>
      <meta http-equiv="content-type" content="text/html;charset=iso-8859-1">
            <link href ="settings.css" rel="stylesheet"  >
                  <style type="text/css">
                        ul.a {list-style-type:none;}
            

                  </style>

      </head>
      
      <body>
                  <div id ="footerlist">
                        <div id ="row1"><b>HOME</b> Test line2 </div>
                        <div id ="row2"><p>test row2</p> </div>
                        <div id ="row3"><p>test row3</p> </div>
                  </div>
      </body>
</html>
0
Comment
Question by:awolarczuk
  • 6
  • 5
  • 2
13 Comments
 
LVL 40

Expert Comment

by:gurvinder372
ID: 36535391
This code is working on all browsers including IE8 and Chrome6
It is stacking divs horizontally to each other
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
	<style>
		#footerlist{}
		#row1  { float: left;width: 100px; padding: 10px; height="auto"; }
		#row2  { float: left;width: 100px; padding: 10px; height="auto"; }
		#row3  { float: left;width: 100px; padding: 10px; height="auto"; }
	</style>
</HEAD>

<BODY>
	<div id ="footerlist">
		<div id ="row1"><b>HOME</b> Test line2 </div>
        <div id ="row2"><p>test row2</p> </div>
        <div id ="row3"><p>test row3</p> </div>
    </div>
</BODY>
</HTML>

Open in new window

0
 

Author Comment

by:awolarczuk
ID: 36535449
ok if i put you contents just on a page it is working but if i try to move the style info to the settings file it wont cant you help me here
css ---settings.css ----

				body{background:silver;text-align:center; margin-top: 0px} /* main background color*/
				#container  {position: relative;text-align:left; width:800px; margin-left:auto; margin-right:auto;margin-top:0px}
				#footer{left:29px; top: 935px; width: 800px}
				#timage {position: absolute; left: 29px; top: 19px; /*z-index:1000;*/ height: 180px; width: 800px} /* location width and height of the main image  */
				#midcon		{position:absolute;	height:630px;width:800px; background-color:white;left:29px;	top:218px;border: #01466f solid 1px}   /*White pageground in the middle */


				#border {position:absolute ; border-color: #FFFFFF;	left: 24px;	width: 800px;	height: 956px;	top: 0px;} /* Border settings */

			
				#maintextb {position: absolute;	left: 310px;top: 380px;width: 670px;height: 360px;background: white;z-index: auto; border: blue solid 1px}/*background color for the main text*/
				#maintext {position: absolute; left: 350px; top: 440px				body{background:silver;text-align:center; margin-top: 0px} /* main background color*/
				#container  {position: relative;text-align:left; width:800px; margin-left:auto; margin-right:auto;margin-top:0px}
				#footer{left:29px; top: 935px; width: 800px}
				#timage {position: absolute; left: 29px; top: 19px; /*z-index:1000;*/ height: 180px; width: 800px} /* location width and height of the main image  */
				#midcon		{position:absolute;	height:630px;width:800px; background-color:white;left:29px;	top:218px;border: #01466f solid 1px}   /*White pageground in the middle */


				#border {position:absolute ; border-color: #FFFFFF;	left: 24px;	width: 800px;	height: 956px;	top: 0px;} /* Border settings */

			
				#maintextb {position: absolute;	left: 310px;top: 380px;width: 670px;height: 360px;background: white;z-index: auto; border: blue solid 1px}/*background color for the main text*/
				#maintext {position: absolute; left: 350px; top: 440px; width: 570px; height: 355px;}/* location of the main text*/
				#smmaintext {position: absolute; left: 380px; top: 340px; width: 570px; height: 355px;}/* location of the main text*/
			
				#mtl2{position:absolute; left: 381px; top: 620px;}/*bottom line for main text */
				#flipimages{position: absolute;left: 250px;top: 245px;z-index: 1001;}/*main image */
	
				#midl{position:absolute ;left:27px; top:828px; width: 800px;} /* middle line*/
				#topl {position:absolute;left:29px; top:198px; width: 800px;} /*top line*/
				#UWS {position: absolute ; left:78px; top: 450px;}
				
				#linkdev{position:absolute;left:210px;height:510px;width:1px;background-color: #01466f; top:245px;} /*this is the deviding line between the link and the contents*/
				#bottom {position:absolute; left: 29px; top: 845px;width:800px;height:90px;background-color: #236e9a;}  /* layout bottom*/
				#bottomlists{position:absolute; left:29px;top:935px;width:800px;height: auto;background-color: #f1f1f1;  } /*bottom like table*/
				#cr{position:absolute; left:160px;top:1140px;color:black ;font-size: 12px; font-family: Verdana}  /*location of the copywright on the page*/
				#ptitle{position: absolute; left: 211px;top:245px;width: auto ;height:35px; background-color:#01466f; color: white; font-family: "Verdana";font-size: 25px;}  /*the location of the page title*/
				#rsbox1{position:absolute; left: 620px; top: 280px;border-bottom: 1px blue solid ;border-top: 1px blue solid ; background: ; height: 100px; width: 200px; font-size: 13px; font-family: "Lucida Sans", "Lucida Sans Regular", "Lucida Grande", "Lucida Sans Unicode", Geneva, Verdana, sans-serif ; text-align: center ;}
				#rsbox2{position:absolute; left: 620px; border-bottom: 1px blue solid ; border-top: 1px blue solid ;   top: 385px; background: ; height: 100px; width: 200px; font-size: 13px; font-family: "Lucida Sans", "Lucida Sans Regular", "Lucida Grande", "Lucida Sans Unicode", Geneva, Verdana, sans-serif ; text-align: center ;}				
				#rsbox3{position:absolute; left: 620px; color: white;  border-bottom: 1px blue solid ; border-top: 1px blue solid ;   top: 490px; background:#01466f ; height: 100px; width: 200px; font-size: 13px; font-family: "Lucida Sans", "Lucida Sans Regular", "Lucida Grande", "Lucida Sans Unicode", Geneva, Verdana, sans-serif ; text-align: center ;}				
				#rsbox4{position:absolute; left: 620px; color: white;  border-bottom: 1px blue solid ; border-top: 1px blue solid ;   top: 595px; background:#01466f ; height: 100px; width: 200px; font-size: 13px; font-family: "Lucida Sans", "Lucida Sans Regular", "Lucida Grande", "Lucida Sans Unicode", Geneva, Verdana, sans-serif ; text-align: center ;}				
				/*faq sETTINGS*/
				dl,dt,{padding:-5px;margin:0}
				dd,{font-size: 14px}
				.faqs{padding-top:0px; font-family: Verdana}
				.faqs dt{font-weight:bold;background:url(images/q.gif) 0 4px no-repeat;padding:0px 0 10px 30px;position:relative; font-size: 14px}
				.faqs dt:hover{cursor:pointer}
				.faqs dd{background:url(images/a.gif) 0 0px no-repeat;padding:0 0 2px 30px;position:relative;color:#333}
				.faqs .hover{color:#990000;text-decoration:underline}
				/*faq sETTINGS*/

		
				#dev {position:absolute ; left: 700px; top: 850px;} /*who made the site*/
			    ul, ol, li {  margin:0;  padding: 0;}/* Clear Margins & Padding */
		    	#table, th,td {border:0;color: black;} /*table for the faq page*/
				th{height:20px;text-align: left; width:260px;color:gray;   } /*table heder*/
				td{height: auto ;width:auto; vertical-align: text-top ; text-align: left;font-size:8px;padding-right:14px;color:gray; padding:5px; border-bottom: 1px silver solid; font-family: Verdana; font-size: 12px;  } /*table cell*/				
				.table2{}
				.table2 td{height: auto ;width:250px; vertical-align: text-top; text-align: justify;font-size: 14.5px;padding-right:14px;padding-bottom:5px;color:black   }		

				ol,ul { list-style: none; }/* Removes list-style from lists */
				


				#menu {position: absolute ; width: 350px; left: 50px; top: 245px;}
				
				
				h1 {font-size: 16px;color: #006633;font-weight: bold;margin-top: 0px;margin-bottom: 3px;} 
				p {font-size: 12px; color:black;font-family:"Verdana" text-align: justify;}
				p.a {font-size: 14px; color:white;font-family:"Lucida Sans", "Lucida Sans Regular", "Lucida Grande", "Lucida Sans Unicode", Geneva, Verdana, sans-serif , "Arial Narrow", Arial, sans-serif;text-align: justify;}
			

				h3 {color:black;font-size:10px;}
				#calbutton {position:absolute; left:580px; top:760px;z-index:1002; }
				#cal {position:absolute;left:230px;width:770px;height: 370px;top:320px;z-index:1001; font-family: Verdana}	/*This is for the location ofthe welcome text*/
				
				#dis{position:absolute;left:40px;width:750px;height: 370px;top:245px;z-index:1001; text-align:justify; font-family: Verdana}	/*This is for the location ofthe privacy statment  text*/
				#submen{position:absolute;left:230px;width:350px;height: 370px;top:315px;z-index:1001; text-align:justify; font-family: Verdana}	/*This is for the location ofthe subment text*/
				#news{position:absolute;left:215px;width:500px;height: 500px;top:245px;z-index:1001; font-family: Verdana}	/*This is for the location ofthe new text*/
				#welcometextp {position:absolute;left:250px;width:580px;height: 370px;top:440px;z-index:1001; font-family: Verdana}	/*This is for the location ofthe welcome text*/
				#contact {position:absolute;left:250px;height: 370px;top:390px;z-index:1001; font-family: Verdana}	/*This is for the location ofthe contact text*/
				#contactadd {position:absolute;left:250px;height: 350px;top:280px;z-index:1001; font-family: Verdana}	/*This is for the location ofthe contact text*/
				#line{position: absolute; left: 240px; width:400px; height: 1px; top: 400px; background: black} /*THis is the line deviding the address and the contact form*/
				#add{position:absolute; left:650px; top:965px; font-family: "Verdana"; font-size: 12px;width:240px;z-index:1002; } /* This is the settings for the contact informaion*/

				#faqloco{position: absolute;left: 225px; top: 290px;z-index:1001;} /*location of the table on the FAQ page*/
				
	
	
				a:link {color:BLUE;text-decoration:none; font-family: Verdana; font-size: 15px;}    /* unvisited link */
				a:visited {color:BLUE;text-decoration:none;font-family: Verdana;  } /* visited link */
				a:hover {color:Red;text-decoration:none;font-family: Verdana; font-size: 15px; }   /* mouse over link */
				a:active {color:BLUE;text-decoration:none;font-family: Verdana; }  /* selected link */
				
				a.bt:link {color:gray;text-decoration:none; font-family: Verdana; font-size: 10px } 
				a.bt:visited {color:gray;text-decoration:none;font-size: 10px} /* visited link */
				a.bt:hover {color:red;text-decoration:none underline; font-size: 10px}   /* mouse over link */
				a.bt:active {color:gray;text-decoration:none;font-size: 10px}  /* selected link */
				
				a.menu:link {color:white;text-decoration:none; font-size: 15px}    /* unvisited link */
				a.menu:visited {color:white;text-decoration:none;font-size: 15px} /* visited link */
				a.menu:hover {color:yellow;text-decoration:none;font-size: 15px}   /* mouse over link */
				a.menu:active {color:white;text-decoration:none; font-size: 15px}  /* selected link */
				
				a.contactus:link {color:blue;text-decoration:none; font-size: 12px; font-family: Verdana}    /* unvisited link */
				a.contactus:visited {color:blue;text-decoration:none;font-size: 12px; font-family: Verdana} /* visited link */
				a.contactus:hover {color:blue;text-decoration:none;font-size: 12px; font-family: Verdana}   /* mouse over link */
				a.contactus:active {color:blue;text-decoration:none; font-size: 12px; font-family: Verdana}  /* selected link */

					



	
	
				#navigation {width:140px;z-index:1000;color:white}
				
				#navigation a  {display:block;background:url(images/buttons/button_off.png);height:40px;width:160px;text-indent:10px;padding-top:7px;background-repeat:no-repeat;}
				#navigation a.link1:hover ;background-repeat:no-repeat;}
				/*services*/
				#navigation a.link2 {display:block;background:url(images/buttons/button_off.png);height:30px;width:160px;text-indent:60px;padding-bottom:30px;background-repeat:no-repeat;}
				
				/*start of sub menu */
				#navigation ul li a.submenu_link {
							background:navy:10px;
							height:10px;
							height:10px;
							width:160px;
							padding: 5px 0;
							text-indent :5px;
							font-size:12px;
							color:blue;
							font-family: "Verdana";
							background-image:none;}
							
				#navigation ul li a.submenu_link:hover {
							color: red}
				/*end of sub menu */
				

				
				/*News*/
				#navigation a.link8  {display:block;background:url(images/buttons/button_off.png);height:47px;width:160px; ;background-repeat:no-repeat;}
				#navigation a.link8:hover {}
				/*Links*/
				#navigation a.link9  {display:block;background:url(images/buttons/button_off.png);height:47px;width:160px;background-repeat:no-repeat;}
				#navigation a.link9:hover {}
}
				/*FAQ*/
				#navigation a.link10  {display:block;background:url(images/buttons/button_off.png);height:47px;width:160px; ;background-repeat:no-repeat;}
				#navigation a.link10:hover {}
				/*Contact*/
				#navigation a.link11  {display:block;background:url(images/buttons/button_off.png);height:47px;width:160px;background-repeat:no-repeat;}
				#navigation a.link11:hover {}
								
				
		
			
			

				
				form,input,select,textarea{margin:0; padding:0; color:black;}
				
				

			div.box {
			margin:0 auto;
			width:550px;
			background:#013f60;
			position:relative;
			top:300px;
			border:1px solid #262626;
			left:270px
			
			}

			div.box h1 { 
			color:#ffffff;
			font-size:18px;
			text-transform:uppercase;
			padding:5px 0 5px 5px;
			border-bottom:0px solid white;
			border-top:1px solid white; 
			}

			div.box label {
			width:100%;
			display: block;
			background:#013f60;
			border-top:1px solid #white;
			border-bottom:0px solid #white;
			padding:10px 0 10px 0;
			}
	
			div.box label span {
			display: block;
			color:white;
			font-size:12px;
			float:left;
			width:100px;
			text-align:right;
			padding:5px 20px 0 0;
			}

			div.box .input_text {
			
			width:200px;
			background:white;
			border-bottom: 1px double #171717;
			border-top: 0px double #171717;
			border-left:0px double #333333;
			border-right:0px double #333333;
			color: black;
			font-size: 13px;
			
			}

			div.box .message{
			padding:7px 7px;
			width:350px;
			background:white;
			border-bottom: 0px double #171717;
			border-top: 0px double #171717;
			border-left:0px double #333333;
			border-right:0px double #333333;
			overflow:hidden;
			height:150px;
			color: black;
			}
			
			div.box .button
			{
			margin:0 0 10px 0;
			padding:4px 7px;
			background:blue;
			border:0px;
			position: relative;
			top:10px;
			left:44px;
			width:100px;
			
			
		
			
			
; width: 570px; height: 355px;}/* location of the main text*/
				#smmaintext {position: absolute; left: 380px; top: 340px; width: 570px; height: 355px;}/* location of the main text*/
			
				#mtl2{position:absolute; left: 381px; top: 620px;}/*bottom line for main text */
				#flipimages{position: absolute;left: 250px;top: 245px;z-index: 1001;}/*main image */
	
				#midl{position:absolute ;left:27px; top:828px; width: 800px;} /* middle line*/
				#topl {position:absolute;left:29px; top:198px; width: 800px;} /*top line*/
				#UWS {position: absolute ; left:78px; top: 450px;}
				
				#linkdev{position:absolute;left:210px;height:510px;width:1px;background-color: #01466f; top:245px;} /*this is the deviding line between the link and the contents*/
				#bottom {position:absolute; left: 29px; top: 845px;width:800px;height:90px;background-color: #236e9a;}  /* layout bottom*/
				#bottomlists{position:absolute; left:29px;top:935px;width:800px;height: auto;background-color: #f1f1f1;  } /*bottom like table*/
				#cr{position:absolute; left:160px;top:1140px;color:black ;font-size: 12px; font-family: Verdana}  /*location of the copywright on the page*/
				#ptitle{position: absolute; left: 211px;top:245px;width: auto ;height:35px; background-color:#01466f; color: white; font-family: "Verdana";font-size: 25px;}  /*the location of the page title*/
				#rsbox1{position:absolute; left: 620px; top: 280px;border-bottom: 1px blue solid ;border-top: 1px blue solid ; background: ; height: 100px; width: 200px; font-size: 13px; font-family: "Lucida Sans", "Lucida Sans Regular", "Lucida Grande", "Lucida Sans Unicode", Geneva, Verdana, sans-serif ; text-align: center ;}
				#rsbox2{position:absolute; left: 620px; border-bottom: 1px blue solid ; border-top: 1px blue solid ;   top: 385px; background: ; height: 100px; width: 200px; font-size: 13px; font-family: "Lucida Sans", "Lucida Sans Regular", "Lucida Grande", "Lucida Sans Unicode", Geneva, Verdana, sans-serif ; text-align: center ;}				
				#rsbox3{position:absolute; left: 620px; color: white;  border-bottom: 1px blue solid ; border-top: 1px blue solid ;   top: 490px; background:#01466f ; height: 100px; width: 200px; font-size: 13px; font-family: "Lucida Sans", "Lucida Sans Regular", "Lucida Grande", "Lucida Sans Unicode", Geneva, Verdana, sans-serif ; text-align: center ;}				
				#rsbox4{position:absolute; left: 620px; color: white;  border-bottom: 1px blue solid ; border-top: 1px blue solid ;   top: 595px; background:#01466f ; height: 100px; width: 200px; font-size: 13px; font-family: "Lucida Sans", "Lucida Sans Regular", "Lucida Grande", "Lucida Sans Unicode", Geneva, Verdana, sans-serif ; text-align: center ;}				
				/*faq sETTINGS*/
				dl,dt,{padding:-5px;margin:0}
				dd,{font-size: 14px}
				.faqs{padding-top:0px; font-family: Verdana}
				.faqs dt{font-weight:bold;background:url(images/q.gif) 0 4px no-repeat;padding:0px 0 10px 30px;position:relative; font-size: 14px}
				.faqs dt:hover{cursor:pointer}
				.faqs dd{background:url(images/a.gif) 0 0px no-repeat;padding:0 0 2px 30px;position:relative;color:#333}
				.faqs .hover{color:#990000;text-decoration:underline}
				/*faq sETTINGS*/

		
				#dev {position:absolute ; left: 700px; top: 850px;} /*who made the site*/
			    ul, ol, li {  margin:0;  padding: 0;}/* Clear Margins & Padding */
		    	#table, th,td {border:0;color: black;} /*table for the faq page*/
				th{height:20px;text-align: left; width:260px;color:gray;   } /*table heder*/
				td{height: auto ;width:auto; vertical-align: text-top ; text-align: left;font-size:8px;padding-right:14px;color:gray; padding:5px; border-bottom: 1px silver solid; font-family: Verdana; font-size: 12px;  } /*table cell*/				
				.table2{}
				.table2 td{height: auto ;width:250px; vertical-align: text-top; text-align: justify;font-size: 14.5px;padding-right:14px;padding-bottom:5px;color:black   }		

				ol,ul { list-style: none; }/* Removes list-style from lists */
				


				#menu {position: absolute ; width: 350px; left: 50px; top: 245px;}
				
				
				h1 {font-size: 16px;color: #006633;font-weight: bold;margin-top: 0px;margin-bottom: 3px;} 
				p {font-size: 12px; color:black;font-family:"Verdana" text-align: justify;}
				p.a {font-size: 14px; color:white;font-family:"Lucida Sans", "Lucida Sans Regular", "Lucida Grande", "Lucida Sans Unicode", Geneva, Verdana, sans-serif , "Arial Narrow", Arial, sans-serif;text-align: justify;}
			

				h3 {color:black;font-size:10px;}
				#calbutton {position:absolute; left:580px; top:760px;z-index:1002; }
				#cal {position:absolute;left:230px;width:770px;height: 370px;top:320px;z-index:1001; font-family: Verdana}	/*This is for the location ofthe welcome text*/
				
				#dis{position:absolute;left:40px;width:750px;height: 370px;top:245px;z-index:1001; text-align:justify; font-family: Verdana}	/*This is for the location ofthe privacy statment  text*/
				#submen{position:absolute;left:230px;width:350px;height: 370px;top:315px;z-index:1001; text-align:justify; font-family: Verdana}	/*This is for the location ofthe subment text*/
				#news{position:absolute;left:215px;width:500px;height: 500px;top:245px;z-index:1001; font-family: Verdana}	/*This is for the location ofthe new text*/
				#welcometextp {position:absolute;left:250px;width:580px;height: 370px;top:440px;z-index:1001; font-family: Verdana}	/*This is for the location ofthe welcome text*/
				#contact {position:absolute;left:250px;height: 370px;top:390px;z-index:1001; font-family: Verdana}	/*This is for the location ofthe contact text*/
				#contactadd {position:absolute;left:250px;height: 350px;top:280px;z-index:1001; font-family: Verdana}	/*This is for the location ofthe contact text*/
				#line{position: absolute; left: 240px; width:400px; height: 1px; top: 400px; background: black} /*THis is the line deviding the address and the contact form*/
				#add{position:absolute; left:650px; top:965px; font-family: "Verdana"; font-size: 12px;width:240px;z-index:1002; } /* This is the settings for the contact informaion*/

				#faqloco{position: absolute;left: 225px; top: 290px;z-index:1001;} /*location of the table on the FAQ page*/
				
	
	
				a:link {color:BLUE;text-decoration:none; font-family: Verdana; font-size: 15px;}    /* unvisited link */
				a:visited {color:BLUE;text-decoration:none;font-family: Verdana;  } /* visited link */
				a:hover {color:Red;text-decoration:none;font-family: Verdana; font-size: 15px; }   /* mouse over link */
				a:active {color:BLUE;text-decoration:none;font-family: Verdana; }  /* selected link */
				
				a.bt:link {color:gray;text-decoration:none; font-family: Verdana; font-size: 10px } 
				a.bt:visited {color:gray;text-decoration:none;font-size: 10px} /* visited link */
				a.bt:hover {color:red;text-decoration:none underline; font-size: 10px}   /* mouse over link */
				a.bt:active {color:gray;text-decoration:none;font-size: 10px}  /* selected link */
				
				a.menu:link {color:white;text-decoration:none; font-size: 15px}    /* unvisited link */
				a.menu:visited {color:white;text-decoration:none;font-size: 15px} /* visited link */
				a.menu:hover {color:yellow;text-decoration:none;font-size: 15px}   /* mouse over link */
				a.menu:active {color:white;text-decoration:none; font-size: 15px}  /* selected link */
				
				a.contactus:link {color:blue;text-decoration:none; font-size: 12px; font-family: Verdana}    /* unvisited link */
				a.contactus:visited {color:blue;text-decoration:none;font-size: 12px; font-family: Verdana} /* visited link */
				a.contactus:hover {color:blue;text-decoration:none;font-size: 12px; font-family: Verdana}   /* mouse over link */
				a.contactus:active {color:blue;text-decoration:none; font-size: 12px; font-family: Verdana}  /* selected link */

					



	
	
				#navigation {width:140px;z-index:1000;color:white}
				
				#navigation a  {display:block;background:url(images/buttons/button_off.png);height:40px;width:160px;text-indent:10px;padding-top:7px;background-repeat:no-repeat;}
				#navigation a.link1:hover ;background-repeat:no-repeat;}
				/*services*/
				#navigation a.link2 {display:block;background:url(images/buttons/button_off.png);height:30px;width:160px;text-indent:60px;padding-bottom:30px;background-repeat:no-repeat;}
				
				/*start of sub menu */
				#navigation ul li a.submenu_link {
							background:navy:10px;
							height:10px;
							height:10px;
							width:160px;
							padding: 5px 0;
							text-indent :5px;
							font-size:12px;
							color:blue;
							font-family: "Verdana";
							background-image:none;}
							
				#navigation ul li a.submenu_link:hover {
							color: red}
				/*end of sub menu */
				

				
				/*News*/
				#navigation a.link8  {display:block;background:url(images/buttons/button_off.png);height:47px;width:160px; ;background-repeat:no-repeat;}
				#navigation a.link8:hover {}
				/*Links*/
				#navigation a.link9  {display:block;background:url(images/buttons/button_off.png);height:47px;width:160px;background-repeat:no-repeat;}
				#navigation a.link9:hover {}
}
				/*FAQ*/
				#navigation a.link10  {display:block;background:url(images/buttons/button_off.png);height:47px;width:160px; ;background-repeat:no-repeat;}
				#navigation a.link10:hover {}
				/*Contact*/
				#navigation a.link11  {display:block;background:url(images/buttons/button_off.png);height:47px;width:160px;background-repeat:no-repeat;}
				#navigation a.link11:hover {}
								
				
		
			
			

				
				form,input,select,textarea{margin:0; padding:0; color:black;}
				
				

			div.box {
			margin:0 auto;
			width:550px;
			background:#013f60;
			position:relative;
			top:300px;
			border:1px solid #262626;
			left:270px
			
			}

			div.box h1 { 
			color:#ffffff;
			font-size:18px;
			text-transform:uppercase;
			padding:5px 0 5px 5px;
			border-bottom:0px solid white;
			border-top:1px solid white; 
			}

			div.box label {
			width:100%;
			display: block;
			background:#013f60;
			border-top:1px solid #white;
			border-bottom:0px solid #white;
			padding:10px 0 10px 0;
			}
	
			div.box label span {
			display: block;
			color:white;
			font-size:12px;
			float:left;
			width:100px;
			text-align:right;
			padding:5px 20px 0 0;
			}

			div.box .input_text {
			
			width:200px;
			background:white;
			border-bottom: 1px double #171717;
			border-top: 0px double #171717;
			border-left:0px double #333333;
			border-right:0px double #333333;
			color: black;
			font-size: 13px;
			
			}

			div.box .message{
			padding:7px 7px;
			width:350px;
			background:white;
			border-bottom: 0px double #171717;
			border-top: 0px double #171717;
			border-left:0px double #333333;
			border-right:0px double #333333;
			overflow:hidden;
			height:150px;
			color: black;
			}
			
			div.box .button
			{
			margin:0 0 10px 0;
			padding:4px 7px;
			background:blue;
			border:0px;
			position: relative;
			top:10px;
			left:44px;
			width:100px;
			
		#footerlist{}
		#row1  { float: left;width: 100px; padding: 10px; height="auto"; }
		#row2  { float: left;width: 100px; padding: 10px; height="auto"; }
		#row3  { float: left;width: 100px; padding: 10px; height="auto"; }

html

<<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>

		<link href ="settings.css" rel="stylesheet"  >
	
</HEAD>

<BODY>
	<div id ="footerlist">
		<div id ="row1"><b>HOME</b> Test line2 </div>
        <div id ="row2"><p>test row2</p> </div>
        <div id ="row3"><p>test row3</p> </div>
    </div>
</BODY>
</HTML>

Open in new window

0
 
LVL 40

Expert Comment

by:gurvinder372
ID: 36535458
when you say it is not working..what does it mean?
0
 

Author Comment

by:awolarczuk
ID: 36535465
please see image
Capture.PNG
0
 
LVL 40

Expert Comment

by:gurvinder372
ID: 36535473
what is the width of footerlist div you have given? IF it is less than 300, then something like this can happen
0
 

Author Comment

by:awolarczuk
ID: 36535510
mate it is in the code i sent you it was sent to nothin but i changed it to 300pxand smae issues

      #footerlist{width;300px}
            #row1  { float: left;width: 100px; padding: 10px; height="auto"; }
            #row2  { float: left;width: 100px; padding: 10px; height="auto"; }
            #row3  { float: left;width: 100px; padding: 10px; height="auto"; }
0
Is Your Active Directory as Secure as You Think?

More than 75% of all records are compromised because of the loss or theft of a privileged credential. Experts have been exploring Active Directory infrastructure to identify key threats and establish best practices for keeping data safe. Attend this month’s webinar to learn more.

 
LVL 40

Expert Comment

by:gurvinder372
ID: 36535542
make it 350, since there some padding
0
 

Author Comment

by:awolarczuk
ID: 36535568
ok i got it working what i would like to know if there is a way that i dont have to change the settings in all the rows when i would like to say the width how do i have just one settings area for alla the rows
0
 
LVL 40

Expert Comment

by:gurvinder372
ID: 36535580
give all of them a class and give settings to that class
0
 

Author Comment

by:awolarczuk
ID: 36535581
do you mind showing me a example
0
 
LVL 40

Expert Comment

by:gurvinder372
ID: 36535587
     #footerlist{width;300px}
            .row  { float: left;width: 100px; padding: 10px; height="auto"; }


<div id ="footerlist">
            <div id ="row1" class="row"><b>HOME</b> Test line2 </div>
        <div id ="row2" class="row"><p>test row2</p> </div>
        <div id ="row3" class="row"><p>test row3</p> </div>
    </div>
0
 
LVL 3

Expert Comment

by:garykristen
ID: 36536039
Use this code


0
 
LVL 3

Accepted Solution

by:
garykristen earned 500 total points
ID: 36536044
Sorry

try this code it will work






<<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>

            <link href ="settings.css" rel="stylesheet"  >
        <style>
body{background:silver;text-align:center; margin-top: 0px} /* main background color*/
                        #container  {position: relative;text-align:left; width:800px; margin-left:auto; margin-right:auto;margin-top:0px}
                        #footer{left:29px; top: 935px; width: 800px}
                        #timage {position: absolute; left: 29px; top: 19px; /*z-index:1000;*/ height: 180px; width: 800px} /* location width and height of the main image  */
                        #midcon            {position:absolute;      height:630px;width:800px; background-color:white;left:29px;      top:218px;border: #01466f solid 1px}   /*White pageground in the middle */


                        #border {position:absolute ; border-color: #FFFFFF;      left: 24px;      width: 800px;      height: 956px;      top: 0px;} /* Border settings */


                        #maintextb {position: absolute;      left: 310px;top: 380px;width: 670px;height: 360px;background: white;z-index: auto; border: blue solid 1px}/*background color for the main text*/
                        #maintext {position: absolute; left: 350px; top: 440px                        body{background:silver;text-align:center; margin-top: 0px} /* main background color*/
                        #container  {position: relative;text-align:left; width:800px; margin-left:auto; margin-right:auto;margin-top:0px}
                        #footer{left:29px; top: 935px; width: 800px}
                        #timage {position: absolute; left: 29px; top: 19px; /*z-index:1000;*/ height: 180px; width: 800px} /* location width and height of the main image  */
                        #midcon            {position:absolute;      height:630px;width:800px; background-color:white;left:29px;      top:218px;border: #01466f solid 1px}   /*White pageground in the middle */


                        #border {position:absolute ; border-color: #FFFFFF;      left: 24px;      width: 800px;      height: 956px;      top: 0px;} /* Border settings */


                        #maintextb {position: absolute;      left: 310px;top: 380px;width: 670px;height: 360px;background: white;z-index: auto; border: blue solid 1px}/*background color for the main text*/
                        #maintext {position: absolute; left: 350px; top: 440px; width: 570px; height: 355px;}/* location of the main text*/
                        #smmaintext {position: absolute; left: 380px; top: 340px; width: 570px; height: 355px;}/* location of the main text*/

                        #mtl2{position:absolute; left: 381px; top: 620px;}/*bottom line for main text */
                        #flipimages{position: absolute;left: 250px;top: 245px;z-index: 1001;}/*main image */

                        #midl{position:absolute ;left:27px; top:828px; width: 800px;} /* middle line*/
                        #topl {position:absolute;left:29px; top:198px; width: 800px;} /*top line*/
                        #UWS {position: absolute ; left:78px; top: 450px;}

                        #linkdev{position:absolute;left:210px;height:510px;width:1px;background-color: #01466f; top:245px;} /*this is the deviding line between the link and the contents*/
                        #bottom {position:absolute; left: 29px; top: 845px;width:800px;height:90px;background-color: #236e9a;}  /* layout bottom*/
                        #bottomlists{position:absolute; left:29px;top:935px;width:800px;height: auto;background-color: #f1f1f1;  } /*bottom like table*/
                        #cr{position:absolute; left:160px;top:1140px;color:black ;font-size: 12px; font-family: Verdana}  /*location of the copywright on the page*/
                        #ptitle{position: absolute; left: 211px;top:245px;width: auto ;height:35px; background-color:#01466f; color: white; font-family: "Verdana";font-size: 25px;}  /*the location of the page title*/
                        #rsbox1{position:absolute; left: 620px; top: 280px;border-bottom: 1px blue solid ;border-top: 1px blue solid ; background: ; height: 100px; width: 200px; font-size: 13px; font-family: "Lucida Sans", "Lucida Sans Regular", "Lucida Grande", "Lucida Sans Unicode", Geneva, Verdana, sans-serif ; text-align: center ;}
                        #rsbox2{position:absolute; left: 620px; border-bottom: 1px blue solid ; border-top: 1px blue solid ;   top: 385px; background: ; height: 100px; width: 200px; font-size: 13px; font-family: "Lucida Sans", "Lucida Sans Regular", "Lucida Grande", "Lucida Sans Unicode", Geneva, Verdana, sans-serif ; text-align: center ;}
                        #rsbox3{position:absolute; left: 620px; color: white;  border-bottom: 1px blue solid ; border-top: 1px blue solid ;   top: 490px; background:#01466f ; height: 100px; width: 200px; font-size: 13px; font-family: "Lucida Sans", "Lucida Sans Regular", "Lucida Grande", "Lucida Sans Unicode", Geneva, Verdana, sans-serif ; text-align: center ;}
                        #rsbox4{position:absolute; left: 620px; color: white;  border-bottom: 1px blue solid ; border-top: 1px blue solid ;   top: 595px; background:#01466f ; height: 100px; width: 200px; font-size: 13px; font-family: "Lucida Sans", "Lucida Sans Regular", "Lucida Grande", "Lucida Sans Unicode", Geneva, Verdana, sans-serif ; text-align: center ;}
                        /*faq sETTINGS*/
                        dl,dt,{padding:-5px;margin:0}
                        dd,{font-size: 14px}
                        .faqs{padding-top:0px; font-family: Verdana}
                        .faqs dt{font-weight:bold;background:url(images/q.gif) 0 4px no-repeat;padding:0px 0 10px 30px;position:relative; font-size: 14px}
                        .faqs dt:hover{cursor:pointer}
                        .faqs dd{background:url(images/a.gif) 0 0px no-repeat;padding:0 0 2px 30px;position:relative;color:#333}
                        .faqs .hover{color:#990000;text-decoration:underline}
                        /*faq sETTINGS*/


                        #dev {position:absolute ; left: 700px; top: 850px;} /*who made the site*/
                      ul, ol, li {  margin:0;  padding: 0;}/* Clear Margins & Padding */
                      #table, th,td {border:0;color: black;} /*table for the faq page*/
                        th{height:20px;text-align: left; width:260px;color:gray;   } /*table heder*/
                        td{height: auto ;width:auto; vertical-align: text-top ; text-align: left;font-size:8px;padding-right:14px;color:gray; padding:5px; border-bottom: 1px silver solid; font-family: Verdana; font-size: 12px;  } /*table cell*/
                        .table2{}
                        .table2 td{height: auto ;width:250px; vertical-align: text-top; text-align: justify;font-size: 14.5px;padding-right:14px;padding-bottom:5px;color:black   }

                        ol,ul { list-style: none; }/* Removes list-style from lists */



                        #menu {position: absolute ; width: 350px; left: 50px; top: 245px;}


                        h1 {font-size: 16px;color: #006633;font-weight: bold;margin-top: 0px;margin-bottom: 3px;}
                        p {font-size: 12px; color:black;font-family:"Verdana" text-align: justify;}
                        p.a {font-size: 14px; color:white;font-family:"Lucida Sans", "Lucida Sans Regular", "Lucida Grande", "Lucida Sans Unicode", Geneva, Verdana, sans-serif , "Arial Narrow", Arial, sans-serif;text-align: justify;}


                        h3 {color:black;font-size:10px;}
                        #calbutton {position:absolute; left:580px; top:760px;z-index:1002; }
                        #cal {position:absolute;left:230px;width:770px;height: 370px;top:320px;z-index:1001; font-family: Verdana}      /*This is for the location ofthe welcome text*/

                        #dis{position:absolute;left:40px;width:750px;height: 370px;top:245px;z-index:1001; text-align:justify; font-family: Verdana}      /*This is for the location ofthe privacy statment  text*/
                        #submen{position:absolute;left:230px;width:350px;height: 370px;top:315px;z-index:1001; text-align:justify; font-family: Verdana}      /*This is for the location ofthe subment text*/
                        #news{position:absolute;left:215px;width:500px;height: 500px;top:245px;z-index:1001; font-family: Verdana}      /*This is for the location ofthe new text*/
                        #welcometextp {position:absolute;left:250px;width:580px;height: 370px;top:440px;z-index:1001; font-family: Verdana}      /*This is for the location ofthe welcome text*/
                        #contact {position:absolute;left:250px;height: 370px;top:390px;z-index:1001; font-family: Verdana}      /*This is for the location ofthe contact text*/
                        #contactadd {position:absolute;left:250px;height: 350px;top:280px;z-index:1001; font-family: Verdana}      /*This is for the location ofthe contact text*/
                        #line{position: absolute; left: 240px; width:400px; height: 1px; top: 400px; background: black} /*THis is the line deviding the address and the contact form*/
                        #add{position:absolute; left:650px; top:965px; font-family: "Verdana"; font-size: 12px;width:240px;z-index:1002; } /* This is the settings for the contact informaion*/

                        #faqloco{position: absolute;left: 225px; top: 290px;z-index:1001;} /*location of the table on the FAQ page*/



                        a:link {color:BLUE;text-decoration:none; font-family: Verdana; font-size: 15px;}    /* unvisited link */
                        a:visited {color:BLUE;text-decoration:none;font-family: Verdana;  } /* visited link */
                        a:hover {color:Red;text-decoration:none;font-family: Verdana; font-size: 15px; }   /* mouse over link */
                        a:active {color:BLUE;text-decoration:none;font-family: Verdana; }  /* selected link */

                        a.bt:link {color:gray;text-decoration:none; font-family: Verdana; font-size: 10px }
                        a.bt:visited {color:gray;text-decoration:none;font-size: 10px} /* visited link */
                        a.bt:hover {color:red;text-decoration:none underline; font-size: 10px}   /* mouse over link */
                        a.bt:active {color:gray;text-decoration:none;font-size: 10px}  /* selected link */

                        a.menu:link {color:white;text-decoration:none; font-size: 15px}    /* unvisited link */
                        a.menu:visited {color:white;text-decoration:none;font-size: 15px} /* visited link */
                        a.menu:hover {color:yellow;text-decoration:none;font-size: 15px}   /* mouse over link */
                        a.menu:active {color:white;text-decoration:none; font-size: 15px}  /* selected link */

                        a.contactus:link {color:blue;text-decoration:none; font-size: 12px; font-family: Verdana}    /* unvisited link */
                        a.contactus:visited {color:blue;text-decoration:none;font-size: 12px; font-family: Verdana} /* visited link */
                        a.contactus:hover {color:blue;text-decoration:none;font-size: 12px; font-family: Verdana}   /* mouse over link */
                        a.contactus:active {color:blue;text-decoration:none; font-size: 12px; font-family: Verdana}  /* selected link */







                        #navigation {width:140px;z-index:1000;color:white}

                        #navigation a  {display:block;background:url(images/buttons/button_off.png);height:40px;width:160px;text-indent:10px;padding-top:7px;background-repeat:no-repeat;}
                        #navigation a.link1:hover ;background-repeat:no-repeat;}
                        /*services*/
                        #navigation a.link2 {display:block;background:url(images/buttons/button_off.png);height:30px;width:160px;text-indent:60px;padding-bottom:30px;background-repeat:no-repeat;}

                        /*start of sub menu */
                        #navigation ul li a.submenu_link {
                                          background:navy:10px;
                                          height:10px;
                                          height:10px;
                                          width:160px;
                                          padding: 5px 0;
                                          text-indent :5px;
                                          font-size:12px;
                                          color:blue;
                                          font-family: "Verdana";
                                          background-image:none;}

                        #navigation ul li a.submenu_link:hover {
                                          color: red}
                        /*end of sub menu */



                        /*News*/
                        #navigation a.link8  {display:block;background:url(images/buttons/button_off.png);height:47px;width:160px; ;background-repeat:no-repeat;}
                        #navigation a.link8:hover {}
                        /*Links*/
                        #navigation a.link9  {display:block;background:url(images/buttons/button_off.png);height:47px;width:160px;background-repeat:no-repeat;}
                        #navigation a.link9:hover {}
}
                        /*FAQ*/
                        #navigation a.link10  {display:block;background:url(images/buttons/button_off.png);height:47px;width:160px; ;background-repeat:no-repeat;}
                        #navigation a.link10:hover {}
                        /*Contact*/
                        #navigation a.link11  {display:block;background:url(images/buttons/button_off.png);height:47px;width:160px;background-repeat:no-repeat;}
                        #navigation a.link11:hover {}







                        form,input,select,textarea{margin:0; padding:0; color:black;}



                  div.box {
                  margin:0 auto;
                  width:550px;
                  background:#013f60;
                  position:relative;
                  top:300px;
                  border:1px solid #262626;
                  left:270px

                  }

                  div.box h1 {
                  color:#ffffff;
                  font-size:18px;
                  text-transform:uppercase;
                  padding:5px 0 5px 5px;
                  border-bottom:0px solid white;
                  border-top:1px solid white;
                  }

                  div.box label {
                  width:100%;
                  display: block;
                  background:#013f60;
                  border-top:1px solid #white;
                  border-bottom:0px solid #white;
                  padding:10px 0 10px 0;
                  }

                  div.box label span {
                  display: block;
                  color:white;
                  font-size:12px;
                  float:left;
                  width:100px;
                  text-align:right;
                  padding:5px 20px 0 0;
                  }

                  div.box .input_text {

                  width:200px;
                  background:white;
                  border-bottom: 1px double #171717;
                  border-top: 0px double #171717;
                  border-left:0px double #333333;
                  border-right:0px double #333333;
                  color: black;
                  font-size: 13px;

                  }

                  div.box .message{
                  padding:7px 7px;
                  width:350px;
                  background:white;
                  border-bottom: 0px double #171717;
                  border-top: 0px double #171717;
                  border-left:0px double #333333;
                  border-right:0px double #333333;
                  overflow:hidden;
                  height:150px;
                  color: black;
                  }

                  div.box .button
                  {
                  margin:0 0 10px 0;
                  padding:4px 7px;
                  background:blue;
                  border:0px;
                  position: relative;
                  top:10px;
                  left:44px;
                  width:100px;





; width: 570px; height: 355px;}/* location of the main text*/
                        #smmaintext {position: absolute; left: 380px; top: 340px; width: 570px; height: 355px;}/* location of the main text*/

                        #mtl2{position:absolute; left: 381px; top: 620px;}/*bottom line for main text */
                        #flipimages{position: absolute;left: 250px;top: 245px;z-index: 1001;}/*main image */

                        #midl{position:absolute ;left:27px; top:828px; width: 800px;} /* middle line*/
                        #topl {position:absolute;left:29px; top:198px; width: 800px;} /*top line*/
                        #UWS {position: absolute ; left:78px; top: 450px;}

                        #linkdev{position:absolute;left:210px;height:510px;width:1px;background-color: #01466f; top:245px;} /*this is the deviding line between the link and the contents*/
                        #bottom {position:absolute; left: 29px; top: 845px;width:800px;height:90px;background-color: #236e9a;}  /* layout bottom*/
                        #bottomlists{position:absolute; left:29px;top:935px;width:800px;height: auto;background-color: #f1f1f1;  } /*bottom like table*/
                        #cr{position:absolute; left:160px;top:1140px;color:black ;font-size: 12px; font-family: Verdana}  /*location of the copywright on the page*/
                        #ptitle{position: absolute; left: 211px;top:245px;width: auto ;height:35px; background-color:#01466f; color: white; font-family: "Verdana";font-size: 25px;}  /*the location of the page title*/
                        #rsbox1{position:absolute; left: 620px; top: 280px;border-bottom: 1px blue solid ;border-top: 1px blue solid ; background: ; height: 100px; width: 200px; font-size: 13px; font-family: "Lucida Sans", "Lucida Sans Regular", "Lucida Grande", "Lucida Sans Unicode", Geneva, Verdana, sans-serif ; text-align: center ;}
                        #rsbox2{position:absolute; left: 620px; border-bottom: 1px blue solid ; border-top: 1px blue solid ;   top: 385px; background: ; height: 100px; width: 200px; font-size: 13px; font-family: "Lucida Sans", "Lucida Sans Regular", "Lucida Grande", "Lucida Sans Unicode", Geneva, Verdana, sans-serif ; text-align: center ;}
                        #rsbox3{position:absolute; left: 620px; color: white;  border-bottom: 1px blue solid ; border-top: 1px blue solid ;   top: 490px; background:#01466f ; height: 100px; width: 200px; font-size: 13px; font-family: "Lucida Sans", "Lucida Sans Regular", "Lucida Grande", "Lucida Sans Unicode", Geneva, Verdana, sans-serif ; text-align: center ;}
                        #rsbox4{position:absolute; left: 620px; color: white;  border-bottom: 1px blue solid ; border-top: 1px blue solid ;   top: 595px; background:#01466f ; height: 100px; width: 200px; font-size: 13px; font-family: "Lucida Sans", "Lucida Sans Regular", "Lucida Grande", "Lucida Sans Unicode", Geneva, Verdana, sans-serif ; text-align: center ;}
                        /*faq sETTINGS*/
                        dl,dt,{padding:-5px;margin:0}
                        dd,{font-size: 14px}
                        .faqs{padding-top:0px; font-family: Verdana}
                        .faqs dt{font-weight:bold;background:url(images/q.gif) 0 4px no-repeat;padding:0px 0 10px 30px;position:relative; font-size: 14px}
                        .faqs dt:hover{cursor:pointer}
                        .faqs dd{background:url(images/a.gif) 0 0px no-repeat;padding:0 0 2px 30px;position:relative;color:#333}
                        .faqs .hover{color:#990000;text-decoration:underline}
                        /*faq sETTINGS*/


                        #dev {position:absolute ; left: 700px; top: 850px;} /*who made the site*/
                      ul, ol, li {  margin:0;  padding: 0;}/* Clear Margins & Padding */
                      #table, th,td {border:0;color: black;} /*table for the faq page*/
                        th{height:20px;text-align: left; width:260px;color:gray;   } /*table heder*/
                        td{height: auto ;width:auto; vertical-align: text-top ; text-align: left;font-size:8px;padding-right:14px;color:gray; padding:5px; border-bottom: 1px silver solid; font-family: Verdana; font-size: 12px;  } /*table cell*/
                        .table2{}
                        .table2 td{height: auto ;width:250px; vertical-align: text-top; text-align: justify;font-size: 14.5px;padding-right:14px;padding-bottom:5px;color:black   }

                        ol,ul { list-style: none; }/* Removes list-style from lists */



                        #menu {position: absolute ; width: 350px; left: 50px; top: 245px;}


                        h1 {font-size: 16px;color: #006633;font-weight: bold;margin-top: 0px;margin-bottom: 3px;}
                        p {font-size: 12px; color:black;font-family:"Verdana" text-align: justify;}
                        p.a {font-size: 14px; color:white;font-family:"Lucida Sans", "Lucida Sans Regular", "Lucida Grande", "Lucida Sans Unicode", Geneva, Verdana, sans-serif , "Arial Narrow", Arial, sans-serif;text-align: justify;}


                        h3 {color:black;font-size:10px;}
                        #calbutton {position:absolute; left:580px; top:760px;z-index:1002; }
                        #cal {position:absolute;left:230px;width:770px;height: 370px;top:320px;z-index:1001; font-family: Verdana}      /*This is for the location ofthe welcome text*/

                        #dis{position:absolute;left:40px;width:750px;height: 370px;top:245px;z-index:1001; text-align:justify; font-family: Verdana}      /*This is for the location ofthe privacy statment  text*/
                        #submen{position:absolute;left:230px;width:350px;height: 370px;top:315px;z-index:1001; text-align:justify; font-family: Verdana}      /*This is for the location ofthe subment text*/
                        #news{position:absolute;left:215px;width:500px;height: 500px;top:245px;z-index:1001; font-family: Verdana}      /*This is for the location ofthe new text*/
                        #welcometextp {position:absolute;left:250px;width:580px;height: 370px;top:440px;z-index:1001; font-family: Verdana}      /*This is for the location ofthe welcome text*/
                        #contact {position:absolute;left:250px;height: 370px;top:390px;z-index:1001; font-family: Verdana}      /*This is for the location ofthe contact text*/
                        #contactadd {position:absolute;left:250px;height: 350px;top:280px;z-index:1001; font-family: Verdana}      /*This is for the location ofthe contact text*/
                        #line{position: absolute; left: 240px; width:400px; height: 1px; top: 400px; background: black} /*THis is the line deviding the address and the contact form*/
                        #add{position:absolute; left:650px; top:965px; font-family: "Verdana"; font-size: 12px;width:240px;z-index:1002; } /* This is the settings for the contact informaion*/

                        #faqloco{position: absolute;left: 225px; top: 290px;z-index:1001;} /*location of the table on the FAQ page*/



                        a:link {color:BLUE;text-decoration:none; font-family: Verdana; font-size: 15px;}    /* unvisited link */
                        a:visited {color:BLUE;text-decoration:none;font-family: Verdana;  } /* visited link */
                        a:hover {color:Red;text-decoration:none;font-family: Verdana; font-size: 15px; }   /* mouse over link */
                        a:active {color:BLUE;text-decoration:none;font-family: Verdana; }  /* selected link */

                        a.bt:link {color:gray;text-decoration:none; font-family: Verdana; font-size: 10px }
                        a.bt:visited {color:gray;text-decoration:none;font-size: 10px} /* visited link */
                        a.bt:hover {color:red;text-decoration:none underline; font-size: 10px}   /* mouse over link */
                        a.bt:active {color:gray;text-decoration:none;font-size: 10px}  /* selected link */

                        a.menu:link {color:white;text-decoration:none; font-size: 15px}    /* unvisited link */
                        a.menu:visited {color:white;text-decoration:none;font-size: 15px} /* visited link */
                        a.menu:hover {color:yellow;text-decoration:none;font-size: 15px}   /* mouse over link */
                        a.menu:active {color:white;text-decoration:none; font-size: 15px}  /* selected link */

                        a.contactus:link {color:blue;text-decoration:none; font-size: 12px; font-family: Verdana}    /* unvisited link */
                        a.contactus:visited {color:blue;text-decoration:none;font-size: 12px; font-family: Verdana} /* visited link */
                        a.contactus:hover {color:blue;text-decoration:none;font-size: 12px; font-family: Verdana}   /* mouse over link */
                        a.contactus:active {color:blue;text-decoration:none; font-size: 12px; font-family: Verdana}  /* selected link */







                        #navigation {width:140px;z-index:1000;color:white}

                        #navigation a  {display:block;background:url(images/buttons/button_off.png);height:40px;width:160px;text-indent:10px;padding-top:7px;background-repeat:no-repeat;}
                        #navigation a.link1:hover ;background-repeat:no-repeat;}
                        /*services*/
                        #navigation a.link2 {display:block;background:url(images/buttons/button_off.png);height:30px;width:160px;text-indent:60px;padding-bottom:30px;background-repeat:no-repeat;}

                        /*start of sub menu */
                        #navigation ul li a.submenu_link {
                                          background:navy:10px;
                                          height:10px;
                                          height:10px;
                                          width:160px;
                                          padding: 5px 0;
                                          text-indent :5px;
                                          font-size:12px;
                                          color:blue;
                                          font-family: "Verdana";
                                          background-image:none;}

                        #navigation ul li a.submenu_link:hover {
                                          color: red}
                        /*end of sub menu */



                        /*News*/
                        #navigation a.link8  {display:block;background:url(images/buttons/button_off.png);height:47px;width:160px; ;background-repeat:no-repeat;}
                        #navigation a.link8:hover {}
                        /*Links*/
                        #navigation a.link9  {display:block;background:url(images/buttons/button_off.png);height:47px;width:160px;background-repeat:no-repeat;}
                        #navigation a.link9:hover {}
}
                        /*FAQ*/
                        #navigation a.link10  {display:block;background:url(images/buttons/button_off.png);height:47px;width:160px; ;background-repeat:no-repeat;}
                        #navigation a.link10:hover {}
                        /*Contact*/
                        #navigation a.link11  {display:block;background:url(images/buttons/button_off.png);height:47px;width:160px;background-repeat:no-repeat;}
                        #navigation a.link11:hover {}







                        form,input,select,textarea{margin:0; padding:0; color:black;}



                  div.box {
                  margin:0 auto;
                  width:550px;
                  background:#013f60;
                  position:relative;
                  top:300px;
                  border:1px solid #262626;
                  left:270px

                  }

                  div.box h1 {
                  color:#ffffff;
                  font-size:18px;
                  text-transform:uppercase;
                  padding:5px 0 5px 5px;
                  border-bottom:0px solid white;
                  border-top:1px solid white;
                  }

                  div.box label {
                  width:100%;
                  display: block;
                  background:#013f60;
                  border-top:1px solid #white;
                  border-bottom:0px solid #white;
                  padding:10px 0 10px 0;
                  }

                  div.box label span {
                  display: block;
                  color:white;
                  font-size:12px;
                  float:left;
                  width:100px;
                  text-align:right;
                  padding:5px 20px 0 0;
                  }

                  div.box .input_text {

                  width:200px;
                  background:white;
                  border-bottom: 1px double #171717;
                  border-top: 0px double #171717;
                  border-left:0px double #333333;
                  border-right:0px double #333333;
                  color: black;
                  font-size: 13px;

                  }

                  div.box .message{
                  padding:7px 7px;
                  width:350px;
                  background:white;
                  border-bottom: 0px double #171717;
                  border-top: 0px double #171717;
                  border-left:0px double #333333;
                  border-right:0px double #333333;
                  overflow:hidden;
                  height:150px;
                  color: black;
                  }

                  div.box .button
                  {
                  margin:0 0 10px 0;
                  padding:4px 7px;
                  background:blue;
                  border:0px;
                  position: relative;
                  top:10px;
                  left:44px;
                  width:100px;
            }
            #footerlist{}
#row1{ float: left;width: 100px; padding: 10px; height="auto"; }
#row2{ float: left;width: 100px; padding: 10px; height="auto"; }
#row3{ float: left;width: 100px; padding: 10px; height="auto"; }
</style>
</HEAD>

<BODY>
      <div id ="footerlist">
            <div id="row1"><b>HOME</b> Test line2 </div>
        <div id="row2"><p>test row2</p> </div>
        <div id ="row3"><p>test row3</p> </div>
    </div>
</BODY>
</HTML>
0

Featured Post

Is Your Active Directory as Secure as You Think?

More than 75% of all records are compromised because of the loss or theft of a privileged credential. Experts have been exploring Active Directory infrastructure to identify key threats and establish best practices for keeping data safe. Attend this month’s webinar to learn more.

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

Suggested Solutions

Introduction If you're like most people, you have occasionally made a typographical error when you're entering information into an online form.  And to your consternation, the browser remembers the error, and offers to autocomplete your future entr…
This article explains how to prepare an HTML email signature template file containing dynamic placeholders for users' Azure AD data. Furthermore, it explains how to use this file to remotely set up a department-wide email signature policy in Office …
In this tutorial viewers will learn how to code links for mobile sites that, once clicked, send a call or text to a specified number. For a telephone link (once clicked, calls a number), begin with a normal "<a href=" link tag. For the href, specify…
HTML5 has deprecated a few of the older ways of showing media as well as offering up a new way to create games and animations. Audio, video, and canvas are just a few of the adjustments made between XHTML and HTML5. As we learned in our last micr…

914 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question

Need Help in Real-Time?

Connect with top rated Experts

19 Experts available now in Live!

Get 1:1 Help Now