mcolton
03-10-2011, 09:36 PM
I'm trying to cleanup my website from tables to div's and using CSS.
I've attached a piece of code. I'm trying to eliminate the space between "Franks Chiropractic Life Center" and his small logo to the left.
Thanks for any help and also any suggestions about cleaning up the code as I'm new to CSS.
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Lake Oconee Tennis Association</title>
<meta http-equiv="Content-type" content="text/html; charset=UTF-8" />
<meta name="description" content="LOTA is a tennis organization formed for the Lake Oconee area of Georgia" />
<meta name="keywords" content="tennis, lota, greensboro, ga, georgia, Lake Oconee, greene county, usta, alta, lake club, reynolds plantation, harbor club, reynolds landing" />
<meta name="creation-date" content="Feb 8, 2006" />
<meta name="author" content="Marty Colton" />
</head>
<body style="background-color:#ffff66">
<div style="width:30%; float:left">
<img src="lotalogo.jpg" width="335" height="335" alt="LOTA logo" /><br /><br />
<span style="font-size:18px">
PO Box 58, Greensboro, GA 30642
</span>
</div>
<div style="width:20%; float:left; text-align:center">
<a href="http://www.mygreensborochiropractor.com">
<img src="franks-logo.jpg" width="30" height="30" alt="Frank's" />
<span style="font-size:18px; float:right; ">
Franks Chiropractic<br />Life Center
</span>
</a>
</div>
<div style="width:20%; float:left; text-align:center">
<a href="http://www.daltoncarpetone.com">
<img src="dalton2.jpg" width="220" height="90" alt="Dalton Carpet" />
</a>
</div>
<div style="width:20%; float:left; text-align:center">
<a href="http://www.filetsteakandseafood.com/">
<img src="filetlogo.jpg" width="200" height="93" alt="Filet Steak House" /><br /><br />
</a>
</div>
<div style="width:20%; float:left; text-align:center">
<a href="http://www.rmclassicwines.com">
<img src="classic-wines.jpg" width="238" height="77" alt="Classic" />
</a>
</div>
<div style="width:20%; float:left; text-align:center">
<a href="http://www.kimandlinlogan.com">
<img src="keller-williams.jpg" width="130" height="80" alt="Keller Williams Lake Oconee" />
</a><br />
<span style="font-size:14px; text-align:center">
Kim and Lin Logan - 706-338-0757
</span>
</div>
<div style="width:20%; float:left; text-align:center">
<a href="http://www.duttonconstructioninc.com">
<img src="dutton.jpg" width="200" height="80" alt="Dutton" /> </a><br />
<span style="font-size:14px; text-align:center">
706-473-0733<br /><br />
</span>
</div>
</body>
</html>
I've attached a piece of code. I'm trying to eliminate the space between "Franks Chiropractic Life Center" and his small logo to the left.
Thanks for any help and also any suggestions about cleaning up the code as I'm new to CSS.
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Lake Oconee Tennis Association</title>
<meta http-equiv="Content-type" content="text/html; charset=UTF-8" />
<meta name="description" content="LOTA is a tennis organization formed for the Lake Oconee area of Georgia" />
<meta name="keywords" content="tennis, lota, greensboro, ga, georgia, Lake Oconee, greene county, usta, alta, lake club, reynolds plantation, harbor club, reynolds landing" />
<meta name="creation-date" content="Feb 8, 2006" />
<meta name="author" content="Marty Colton" />
</head>
<body style="background-color:#ffff66">
<div style="width:30%; float:left">
<img src="lotalogo.jpg" width="335" height="335" alt="LOTA logo" /><br /><br />
<span style="font-size:18px">
PO Box 58, Greensboro, GA 30642
</span>
</div>
<div style="width:20%; float:left; text-align:center">
<a href="http://www.mygreensborochiropractor.com">
<img src="franks-logo.jpg" width="30" height="30" alt="Frank's" />
<span style="font-size:18px; float:right; ">
Franks Chiropractic<br />Life Center
</span>
</a>
</div>
<div style="width:20%; float:left; text-align:center">
<a href="http://www.daltoncarpetone.com">
<img src="dalton2.jpg" width="220" height="90" alt="Dalton Carpet" />
</a>
</div>
<div style="width:20%; float:left; text-align:center">
<a href="http://www.filetsteakandseafood.com/">
<img src="filetlogo.jpg" width="200" height="93" alt="Filet Steak House" /><br /><br />
</a>
</div>
<div style="width:20%; float:left; text-align:center">
<a href="http://www.rmclassicwines.com">
<img src="classic-wines.jpg" width="238" height="77" alt="Classic" />
</a>
</div>
<div style="width:20%; float:left; text-align:center">
<a href="http://www.kimandlinlogan.com">
<img src="keller-williams.jpg" width="130" height="80" alt="Keller Williams Lake Oconee" />
</a><br />
<span style="font-size:14px; text-align:center">
Kim and Lin Logan - 706-338-0757
</span>
</div>
<div style="width:20%; float:left; text-align:center">
<a href="http://www.duttonconstructioninc.com">
<img src="dutton.jpg" width="200" height="80" alt="Dutton" /> </a><br />
<span style="font-size:14px; text-align:center">
706-473-0733<br /><br />
</span>
</div>
</body>
</html>