Hello!
I've written this:
/**************Navigation Positioning Styles******************/
#masthead{
position: absolute;
top: 11px;
left: 128px;
right: 12.5%;
width:75%;
height: 48px;
border-right: 3px solid #996699;
border-bottom: 3px solid #996699;
border-top: 3px solid #996699;
border-left: 3px solid #996699;
)
/**************GIF Positioning Styles******************/
#gnl {
position: absolute;
top: 0px;
left:0px;
}
#gnr {
position: absolute;
top: 0px;
right:0px;
}
The Problem: the two images (gnr and gnl) that are supposed to be the corner graphics so that the box has roinded edges appear next to each other inside box instead of being its edges.
I've included the relevant files. Please help, thanks.
Mario.
NOOBIE. Experiment with CSS-P going bad.
Your using position:absolute ..STOP have a read of a few guides on box model and layout flow this will give you a better understanding of what your attempting and why it isn't working then have another go at it, at the moment there is no reason why the graphics should take up any position other than top/left corner
Guides to help:
http://css-discuss.incutio.com/?page=AbsoluteLayouts
http://www.positioniseverything.net/articles/flow-pos.html
http://academ.hvcc.edu/~kantopet/css/index.php?page=css+positioning&parent=css+page+layout
Plus you want to be thinking along the lines of two boxes one with graphic left no-repeat and one with graphic right no-repeat these are going to be placed as background images in the css of the respective boxes or you could try floating one image within the main div to the right.
Hugo.
NOOBIE. Experiment with CSS-P going bad.
Thanks, Hugo. Will do.