Ok so I am making a website and I want to make a black box that covers most of the page but has small gaps on each side so you cans till see the main background. I am trying to align it but when i use the align attribute and make it go to the center it only moves down a little, and still is stuck to the very left side of the page. How do I fix it. Here is my code:
<table>
<br>
<fieldset name="Group1" style="border-bottom-color: #FFFFFF; height: 500px; width: 1300px; background-color: #000000; clear: both; border-left-color: #FFFFFF; border-right-color: #FFFFFF; border-top-color: #FFFFFF;">
<legend class="style2">
<img height="39" src="img/navigation.png" width="178"></legend>
Â*<br></fieldset>
</table>
thank you.
OK, so I made it load a stylesheet and in the style sheet I put this code:
.center
{
margin-left:auto;
margin-right:auto;
width:70%;
background-color:#b0e0e6;
}
like the website told me to. Now how do I get it to work together with the table code I have above?
<table>
<br>
<fieldset name="Group1" style="border-bottom-color: #FFFFFF; height: 500px; width: 1300px; background-color: #000000; clear: both; border-left-color: #FFFFFF; border-right-color: #FFFFFF; border-top-color: #FFFFFF;">
<legend class="style2">
<img height="39" src="img/navigation.png" width="178"></legend>
Â*<br></fieldset>
</table>
thank you.
OK, so I made it load a stylesheet and in the style sheet I put this code:
.center
{
margin-left:auto;
margin-right:auto;
width:70%;
background-color:#b0e0e6;
}
like the website told me to. Now how do I get it to work together with the table code I have above?