Hi Folks, I'm having an issue with syling a page with CSS. I know I'm doing something incredibly stupid and wrong, but can't seem to put my finger on what it is. Maybe someone here could help.
Here is an image of the problem: http://www.eightysixed.com/images/css_help_1.jpg
Here is my HTML code:
AND here is my CSS:
If anyone could help I'd greatly appreciate it.
Here is an image of the problem: http://www.eightysixed.com/images/css_help_1.jpg
Here is my HTML code:
Code:
<div class="box"><div class="box_border_top"> </div> <div class="box_border_right"> </div> <div class="box_border_left"> </div> <div class="box_border_bottom"> </div> </div>
Code:
.box_border_top{ width:792px; height:10px; background-image:url(border_lines_top.jpg); margin-top:30px; } .box { width:792px; height:225px; background-color:#000000; margin-top:0px; margin-left: auto; margin-right: auto; } .box_border_left { width:10px; height:225px; background-image:url(border_lines_verticle.png); margin-right:auto; } .box_border_right { width:10px; height:225px; background-image:url(border_lines_verticle.png); margin-left:auto; } .box_border_bottom { width:792px; height:10px; background-image:url(border_lines_top.jpg); margin-top:0px; }
Comment