|  | Posted by Kevin on 06/15/00 11:18 
Hey everyone,
 I am in somewhat of a pickle. I am trying to create a border around a page
 header.
 
 I have made 3 images, respectively the left-, middle- and rightside. So far
 the middle section is working, but it would appear that the left and right
 sides are not. I have no clue what's wrong here. As far as I can see
 this -should- work. Well obviously it doesn't.
 
 Can someone help me out to settle this issue?
 
 Thanks a million!
 
 Kevin
 
 Page url:  http://www.kurvalyn.com/testsite/test.html
 
 CSS coding:
 body {
 background-color : #faf3e3;
 color     : #404040;
 margin    : 5px 5px 5px 5px;
 font-family   : "High Tower Text", fantasy;
 font-size   : 11px;
 }
 
 
 /* Page Header Styles */
 div.PageHeader {
 float     : left;
 width     : 100%;
 font-size   : 4em;
 font-variant  : small-caps;
 height    : 48px;
 vertical-align  : middle;
 }
 div.PageHeaderLeft {
 position    : absolute;
 top     : 5px;
 right     : 5px;
 background-image : url(../images/hd_left.gif);
 background-repeat : no-repeat;
 height    : 48px;
 margin    :  0;
 }
 div.PageHeaderMiddle {
 position    : relative;
 background-image : url(../images/hd_middle.gif);
 background-repeat : repeat-x;
 }
 
 div.PageHeaderRight {
 float     : right;
 background-image : url(../images/hd_right.gif);
 background-repeat : no-repeat;
 height    : 48px;
 margin    :  0;
 }
  Navigation: [Reply to this message] |