|
Posted by Kevin on 11/11/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]
|