2 replies [Last post]
CaSoS
Offline
newbie
Last seen: 17 years 20 weeks ago
Joined: 2004-09-09
Posts: 2
Points: 0

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.

Hugo
Hugo's picture
Offline
Moderator
London
Last seen: 7 years 2 weeks ago
London
Joined: 2004-06-06
Posts: 15668
Points: 2806

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.

Before you make your first post it is vital that you READ THE POSTING GUIDELINES!
----------------------------------------------------------------
Please post ALL your code - both CSS & HTML - in [code] tags
Please validate and ensure you have included a full Doctype before posting.
Why validate? Read Me

CaSoS
Offline
newbie
Last seen: 17 years 20 weeks ago
Joined: 2004-09-09
Posts: 2
Points: 0

NOOBIE. Experiment with CSS-P going bad.

Thanks, Hugo. Will do.