Jump to content

Positioning elements on my home page

zachruss92

By zachruss92
in CSS

Recommended Posts

zachruss92 Newbie

zachruss92

Posted
Posted

Hello,I am finishing up a website for my father's business, and I'm having issues positioning and image & a flash object to the left and right of the main paragraph. The HTML and External Style SheetHTML

<!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>Best Gutter & Roofing | "Everything Gutters & Gutters "</title><link href="style.css" rel="stylesheet" type="text/css" /></head><body><div id="container"><div id="q">		<ul>			<li><a href="index.html">Home </a></li>			<li><a href="about.html">About Us </a></li>			<li><a href="services.html">Servces </a></li>			<li><a href="manufacturers.html">Manufacturers</a></li>			<li><a href="references.html">Refrences </a></li>			<li><a href="gallery.html">Photo Gallery </a></li>			<li id="end"><a href="contact.html">Contact Us </a></li>		</ul>	 </div><img src="logo.png" id="logo" alt="Best Gutter & Roofing Service" width="912px" height="167px"/>	<table>	<tr>		<td> </td>		<td>Montgomery County 215-887-1855</td>		<td></td>		<td> Bucks County 215-322-3600</td>		<td></td>		<td> Philadelphia 215-676-4100 </td>		<td></td>	</tr>	</table>		  <p class="home">Welcome to Best Gutter & Roofing Service! We are one of the area's premiere contractors. We specialize in solving hard-to-find, unique situations. We have been serving Bucks, Montgomery & Philadelphia counties for over 34 years. We are prompt, reliable, clean; fully licensed & insured.</p>	<object type="application/x-shockwave-flash" data="https://clients4.google.com/voice/embed/webCallButton" width="252" height="124"><param name="movie" value="https://clients4.google.com/voice/embed/webCallButton" /><param name="wmode" value="transparent" /><param name="FlashVars" value="id=80de05b1'f392aaa2c969d1fcd5872c74a68d1c65&style=0" /></object>	<img src="side-banner.jpg"/ alt="gutter pictures" name="side" width="150" height="385" id="side"></div></body></html>

CSS

@charset "utf-8";/* CSS Document *//*General Web Site*/p {	font-size:large;	font-weight: bold;	margin-right:0px;	margin-top:0px;	padding:5px;	text-indent:15px;	background: #9CF;	font:Verdana, Geneva, sans-serif;}p#center {	font-size: x-large;	width: 70%;}img#logo {	display: block;	margin-left: auto;	margin-right: auto;}body {	background: #CCC;}#container {	background: #FC6;	margin-left:auto;	margin-right:auto;	border-left: 2px solid #8f99ff;	border-right:2px solid #8f99ff;	border-bottom:2px  solid #8f99ff;	min-width: 1000px;	max-width: 1000px;	overflow:auto;}table {margin-left:auto;	margin-right:auto;	}td {	background: #FF9;	font-size: x-large;	font-weight:bold;	color: #006;	border: double #006;	font-size: x-large;	}/*End General Web Site*//*Index-specific elements*/.home {	margin-right:272px;	border:double blue 5px;	width: 40%;	margin-left:250px;	}img#side {	float:left;}object {	float: right;	margin-left:10px;}.about{	width: 60%;	border:ridge 7px #03F;	margin-left: auto;	margin-right:auto;}/*End Index-specific elements*//*Navigation*/#q ul {	background: #ffffff;	text-align: center;	border-bottom:2px solid #06F;	border:2px solid #06F;	margin-bottom:4px;}#q li {		border-right: solid thin #09f;	display: inline;	padding:2px;}#q li#end{	border:none;}#q li a:link {	font-weight: bold;	font-size: x-large;	text-decoration: none;	color:#00F;}#q li a:visited {	font-weight: bold;	font-size: x-large;	text-decoration: none;	color: #00F;	}#q li a:hover {	text-decoration: underline;}/*END NAVIGATION*/div#roofing{	font-size: x-large;	width:40%;	margin-right:auto;	float:left;	border:8px #00F groove;	background:#9CF;}div#gutters{	font-size: x-large;	width:40%;	margin-left:auto;	float:right;	border:8px #00F groove;	background:#9cf;}#gutters li {	list-style-image: url("Leaf.png");}#roofing li {	list-style-image: url("Leaf.png");}#center {	border:8px #00f groove;	background: #9cf;	font-weight:bold;	line-height: 1.5;	font-size: large;	width: 40%;	margin-left:auto;	margin-right:auto;}#center li {	list-style-image: url("Leaf.png");}#montgomery{	float:right;	text-align:center;		width:45%;	border:8px #00f groove;	background: #9cf;	font-weight:bold;	line-height: 1.5;	font-size: large;}#bucks {border:8px #00f groove;	background: #9cf;	font-weight:bold;	line-height: 1.5;	font-size: large;		float:left;	text-align:center;		width:45%;}

Link to comment
Share on other sites

Archived

This topic is now archived and is closed to further replies.

Go to topic listing
×
×
  • Create New...