View Single Post
Old 01-16-2012, 08:52 PM   PM User | #7
teedoff
Senior Coder

 
Join Date: Aug 2010
Location: High Point, NC
Posts: 3,325
Thanks: 5
Thanked 363 Times in 360 Posts
teedoff is on a distinguished road
No this will work. One thing you can do is instead of floating your logo right, float the text left. The code I posted above, I gave that div tag an id of main. SO you could give #main a width and float: left;

Then you'd need to move your div with the logo and all below the main div, since floats come first in the markup.

Here is the revised code I posted above.

Code:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html><head><title>Test HTML</title>
<meta content="text/html; charset=windows-1252" http-equiv=Content-Type>
<style type="text/css">
a:visited
	{color:#FF3333;
	}
a:link	{color:#0000FF;
	}
.name 
	{font-family:arial,Verdana,sans-serif;
	font-size:110%;
	color:black;
	font-weight:bold;
	}
.info 
	{font-family:arial,Verdana,sans-serif;
	font-size:80%;
	color:black;
	font-weight:normal;
	}
#logo 
	{ margin:6px;
	/*float:right;*/
	text-aligh:center;
	
	}
#wrapper {
	width: 960px;
	overflow: auto;	
}

p {
	padding: 0;
	margin: 0;	
}
#main {width:200px; float: left;}
</style>
</head>
<body lang=EN-US link=blue vLink=purple>
<div id="wrapper">
  
  <div id="main"><p class="name">Name of Person</p>
    <p class="info">
    Address City State Zip</p>
    <p>Phone 000-000-0000</p>
    <p>Fax 000-000-0000</p>
    <a href="mailto:Email@none.com">Email@nonenone.com</a><p><a href="http://www.google.com/">www.google.com</a></p>
    </p>
  </div>
  <div id="logo"><A href="http://www.google.com/"><img class="logo" src="http://support.whgardiner.com/temp/SampleImage.jpg" alt="Hello" border=0></a></div>
</div>
</body>
</html>
__________________
Teed
teedoff is offline   Reply With Quote
Users who have thanked teedoff for this post:
vseven (01-16-2012)