Help - Search - Members - Calendar
Full Version: Blackout and Center Webpage
HTMLHelp Forums > Web Authoring > General Web Design
deeanna85h
Hi Everyone,
I read a lot of blogs/forum/tutorials and still need help... How do you center a website and have a black background. PLEASE HELP!!! Below is the code page. I am using Dreamweaver CS3. The website URL is www.thehiddenstudio.com You'll noticed that the website is left justified and the background is white. I need it center and the background black to blend nicely. THANK YOU!!!THANK YOU!!!THANK YOU!!! in advance smile.gif

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<!-- saved from url=(0014)about:internet -->
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>The Hidden Studio</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<style type="text/css">
td img {display: block;}body {
background-repeat: repeat;
background-color: #000;
text-align: center;
left: auto;
top: auto;
right: auto;
bottom: auto;
background-position: center center;
margin-left: 0%;
margin-right: 0%;
}
</style>
<!--Fireworks CS3 Dreamweaver CS3 target. Created Thu Apr 02 02:28:36 GMT-0700 (Pacific Daylight Time) 2009-->
</head>
<body bgcolor="#000000" leftmargin="0%" topmargin="0%" marginheight="auto">
<background-color: #000000>
<table border="0" cellpadding="0" cellspacing="0" width="1000">
<!-- fwtable fwsrc="index.png" fwpage="index" fwbase="index.gif" fwstyle="Dreamweaver" fwdocid = "810282818" fwnested="0" -->
<tr>
<td><img src="images/spacer.gif" width="828" height="1" border="0" alt="" /></td>
<td><img src="images/spacer.gif" width="171" height="1" border="0" alt="" /></td>
<td><img src="images/spacer.gif" width="1" height="1" border="0" alt="" /></td>
<td><img src="images/spacer.gif" width="1" height="1" border="0" alt="" /></td>
</tr>

<tr>
<td colspan="3"><img name="index_r1_c1" src="images/index_r1_c1.gif" width="1000" height="108" border="0" id="index_r1_c1" alt="" /></td>
<td><img src="images/spacer.gif" width="1" height="108" border="0" alt="" /></td>
</tr>
<tr>
<td rowspan="10"><img name="index_r2_c1" src="images/index_r2_c1.gif" width="828" height="492" border="0" id="index_r2_c1" alt="" /></td>
<td><a href="testimonials p1.htm"><img name="index_r2_c2" src="images/index_r2_c2.gif" width="171" height="44" border="0" id="index_r2_c2" alt="" /></a></td>
<td rowspan="10"><img name="index_r2_c3" src="images/index_r2_c3.gif" width="1" height="492" border="0" id="index_r2_c3" alt="" /></td>
<td><img src="images/spacer.gif" width="1" height="44" border="0" alt="" /></td>
</tr>
<tr>
<td><a href="samples.htm"><img name="index_r3_c2" src="images/index_r3_c2.gif" width="171" height="44" border="0" id="index_r3_c2" alt="" /></a></td>
<td><img src="images/spacer.gif" width="1" height="44" border="0" alt="" /></td>
</tr>
<tr>
<td><a href="coming soon.htm"><img name="index_r4_c2" src="images/index_r4_c2.gif" width="171" height="50" border="0" id="index_r4_c2" alt="" /></a></td>
<td><img src="images/spacer.gif" width="1" height="50" border="0" alt="" /></td>
</tr>
<tr>
<td><a href="gallery 1.htm"><img name="index_r5_c2" src="images/index_r5_c2.gif" width="171" height="50" border="0" id="index_r5_c2" alt="" /></a></td>
<td><img src="images/spacer.gif" width="1" height="50" border="0" alt="" /></td>
</tr>
<tr>
<td><a href="coming soon.htm"><img name="index_r6_c2" src="images/index_r6_c2.gif" width="171" height="46" border="0" id="index_r6_c2" alt="" /></a></td>
<td><img src="images/spacer.gif" width="1" height="46" border="0" alt="" /></td>
</tr>
<tr>
<td><a href="coming soon.htm"><img name="index_r7_c2" src="images/index_r7_c2.gif" width="171" height="54" border="0" id="index_r7_c2" alt="" /></a></td>
<td><img src="images/spacer.gif" width="1" height="54" border="0" alt="" /></td>
</tr>
<tr>
<td><a href="clients.htm"><img name="index_r8_c2" src="images/index_r8_c2.gif" width="171" height="49" border="0" id="index_r8_c2" alt="" /></a></td>
<td><img src="images/spacer.gif" width="1" height="49" border="0" alt="" /></td>
</tr>
<tr>
<td><a href="equipment p1.htm"><img name="index_r9_c2" src="images/index_r9_c2.gif" width="171" height="59" border="0" id="index_r9_c2" alt="" /></a></td>
<td><img src="images/spacer.gif" width="1" height="59" border="0" alt="" /></td>
</tr>
<tr>
<td><a href="contact.htm"><img name="index_r10_c2" src="images/index_r10_c2.gif" width="171" height="49" border="0" id="index_r10_c2" alt="" /></a></td>
<td><img src="images/spacer.gif" width="1" height="49" border="0" alt="" /></td>
</tr>
<tr>
<td><img name="index_r11_c2" src="images/index_r11_c2.gif" width="171" height="47" border="0" id="index_r11_c2" alt="" /></td>
<td><img src="images/spacer.gif" width="1" height="47" border="0" alt="" /></td>
</tr>
</table>
</body>
</html>
Darin McGrew
CODE
<body bgcolor="#ffffff">
is a white background.

For centering, see:
Centring using CSS
Centering things
This is a "lo-fi" version of our main content. To view the full version with more information, formatting and images, please click here.
Invision Power Board © 2001-2010 Invision Power Services, Inc.