No replies
ofranko
ofranko's picture
Offline
newbie
Last seen: 9 years 2 weeks ago
Timezone: GMT-6
Joined: 2011-02-12
Posts: 1
Points: 2

in this site the ph# should be at top right of #container, but when i add the css for #gadget
in move the ph# half way down the page.
how do i get the ph# back wher i want it and still utilize my #gadget id?

i've include the html, css, and link to live page.

thanks,
frank

live page

html

<!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>
 
<script type="text/javascript" id="sothink_dhtmlmenu"> <!--
 st_siteroot="file:///wwwroot";
 st_jspath="/assets/horMenu/stmenu.js";
 if(!window.location.href.indexOf("file:") && st_jspath.charAt(0)=="/")
  document.write('<script type="text/javascript" src="'+st_siteroot+st_jspath+'"><\/script>');
 else 
  document.write('<script type="text/javascript" src="'+st_jspath+'"><\/script>');
//--> </script>
 
 
 
 
 
<meta content="healing hearts home health is a home nursing agency located in the houston texas area" name="description" />
<link rel="shortcut icon" href="assets/favicon.ico" />
   <link rel="icon" type="gif" href="assets/animated_favicon1.gif" />
 
<meta content="text/html; charset=utf-8" http-equiv="Content-Type" />
 
<meta content="Home Modification, Adaptive Equipment, Energy Conservation, Fine Motor Skills, Activities of Daily Living, Chemotheray,  Anticiotic Therapy, Hydration Therapy, Gamma Globulin Therapy, Steroid Therapy, Analgesic/Pain Management, Total Potential Nutrition(TPN),  Peripherall V. Catheter, Management, Central Line Catheter Management, PICC Line Catheter Management, Improve Customer Comfort,   Decrease Time on Dressing Changes, Improve Healing Time, Prevent Complication, Individualized Counseling, Education of Home Enviroment,   Crisis Intervention, Referral to Community Resources, Long-Term Care Planning, Physical Therapy, Adaptive Equipment, Occupational Therapy,    " name="keywords" />
 
<title>Healing Hearts Home Health</title>
<link href="styleSheets/defaultStyle.css" rel="stylesheet" type="text/css" />
		<!--
<style type="text/css">
 
</style>-->
</head>
 
<body>
 
<div id="gadget">
 
 
	<div class="gadget1">
	<script src="http://www.gmodules.com/ig/ifr?url=http://igwidgets.com/lig/gw/f/islk/89/slkm/ik/s/203569810968000/87/p132/cnn-news-rss-feeds.xml&amp;up_extrafeed=http%3A%2F%2Frss.cnn.com%2Frss%2Fmoney_markets.rss&amp;up_subject=CNN.com&amp;up_entries=6&amp;up_summaries=300&amp;up_selectedTab=&amp;synd=open&amp;w=320&amp;h=360&amp;title=News+-+Headlines&amp;border=%23ffffff%7C3px%2C1px+solid+%23999999&amp;output=js"></script>>
	</div>
 
	<div class="gadget2">
	<script src="http://www.gmodules.com/ig/ifr?url=http://saccharinesara.googlepages.com/WeatherNews.xml&amp;synd=open&amp;w=320&amp;h=200&amp;title=Your+Weather&amp;border=%23ffffff%7C3px%2C1px+solid+%23999999&amp;output=js"></script>
	</div>
 
 
 
<div id="container">
	<div class="heading">
	<div class="ph" style="position: static; top: 15px; left: 14px; z-index: 1">
				Phone: 281-360-1331<br />
				Fax: 281-812-1331</div>
 
	<div class="logo">
				<br />
 
				</div>
				<div class="quote"><br />
					&nbsp;&nbsp; "Care that comes from the Heart"	</div>	
			<div class="name">
 
					<h1>Healing Hearts Home Health</h1>
					<p> Agency of Atascosita L.L.C.</p>
					<p> &nbsp;</p>
 
				</div>
 
				</div>
 
			<!--<a href="default.html">Home </a>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<a href="home/services.html">Services</a>&nbsp;&nbsp;&nbsp; &nbsp;&nbsp; 
			<a href="home/about_us.html">About us</a>&nbsp;&nbsp;&nbsp; &nbsp;&nbsp; 
			<a href="contact_Us.aspx">Contact us</a>&nbsp;&nbsp;&nbsp;&nbsp;
			<a href="other_links.html">Other links	</a>&nbsp;&nbsp;     
			<a href="home/Forms.html">Forms</a>&nbsp;&nbsp;&nbsp;
			<a href="home/Employment.html">Employment</a><br />-->
 
 
				<div>
					<hr /></div>
	<div class="horNavBar">
	<script type="text/javascript"> <!--
 st_siteroot="file:///C|/Users/frank/Documents/healingHeartsWS";
 st_jspath="/assets/horMenu/horJs.js";
 if(!window.location.href.indexOf("file:") && st_jspath.charAt(0)=="/")
  document.write('<script type="text/javascript" src="'+st_siteroot+st_jspath+'"><\/script>');
 else 
  document.write('<script type="text/javascript" src="'+st_jspath+'"><\/script>');
//--> </script>
 
 
	</div>
	<div>
		<hr /></div>
	<div class="collage">
		<img alt="collage" height="450" src="assets/images/collage.png" width="800" /></div>
 
	<div class="footer">copyright - Healing Hearts Home Heath Agency of Atascocita - 2011 <a href="siteMap1/sitemap.html">SiteMap</a>
 
	</div>
 
 
</div><!--end container-->
	</div>
 <!--end gadget-->
 
</body>
 
</html>

css

body {
	background-image: url('../assets/images/hHBgSponge.jpg');
	background-repeat: repeat;
}
 
#gadget {
	background-image: url('../assets/images/hHBgSponge200.jpg');
	background-repeat: repeat;
	border-right-style: outset;
	border-right-width: medium;
	border-right-color: #000000;
	width: 1325px;
	height: 1100px;
	margin-right: auto;
	margin-left: auto;
 
	}
 
.gadget1 {
	margin-left: auto;
	margin-right: 0px;
	width: 340px;
	height: 600px;
	float: right;
	}
 
 
.gadget2 {
	width: 340px;
	height: 300px;
	float: right;
	margin-right: 0px;
	margin-left: auto;
	margin-top: 20px;
	clear: right;
}
 
 
 
#container {
	border-left: medium groove #D1D1D1;
	border-right: 2px groove #F0F0F0;
	background-image: url('../assets/images/hHBg950x1100.jpg');
	margin-right: auto;
	margin-left: 0px;
	width: 950px;
	height: 1100px;
	background-color: #C0C0C0;
	-moz-border-radius: 15px;
	border-radius: 15;
}
 
 
.heading {
	width: 950px;
	height: 325px;
	vertical-align: top;
}
 
.ph {
	color: #000000;
	text-align: right;
	width: 225px;
	height: 50px;
	float: right;
	//clear: right;
	font-family: "Gill Sans", "Gill Sans MT", Calibri, "Trebuchet MS", sans-serif;
	font-size: medium;
}
 
.logo {
	width: 110px;
	height: 100px;
	margin-right: auto;
	margin-left: auto;
	border: thick solid #FF0000;
	background-image: url('../assets/images/hhLogo120x105.jpg');
	background-repeat: no-repeat;
-moz-border-radius: 15px;
	border-radius: 15;
}
 
 
.name {
	color: #FFFFFF;
	text-align: center;
}
 
 
 
 
 
.quote {
	color: #CEE817;
	text-align: center;
}
 
 
a:visited {
	color: #FFFF00;
}
.horNavBar {
	border: thin groove #FFFFFF;
	width: 950px;
	z-index: 1;
	height: 100px;
	background-color: #000000;
	background-repeat: no-repeat;
}
 
 
/*.symbol {
	width: 300px;
	height: 375px;
 
	background-image: url('assets/medical_symbol.png');
	margin-right: auto;
	margin-left: auto;
}*/
.collage {
	background-position: 500px;
	width: 800px;
	height: 450px;
	z-index: 1;
	margin-right: auto;
	margin-left: auto;
}
 
 
 
 
 
 
 
 
 
 
a {
	color: #FFFFFF;
}
a:active {
	color: #FFFF00;
}
a:hover {
	color: #C0C0C0;
}
 
.footer {
	font-size: x-small;
	color: #FFFFFF;
	margin-right: auto;
	margin-left: auto;
	width: 800px;
	float: right;
	background-color: black;
	}