View Single Post
Old 07-24-2007, 06:05 PM   #14 (permalink)
Costin Trifan
v7n Mentor
 
Costin Trifan's Avatar
 
Join Date: 04-13-07
Location: Romania
Posts: 3,009
iTrader: 0 / 0%
Costin Trifan is a highly respected web proCostin Trifan is a highly respected web proCostin Trifan is a highly respected web proCostin Trifan is a highly respected web proCostin Trifan is a highly respected web proCostin Trifan is a highly respected web proCostin Trifan is a highly respected web proCostin Trifan is a highly respected web proCostin Trifan is a highly respected web proCostin Trifan is a highly respected web proCostin Trifan is a highly respected web pro
And the CSS:
Code:
/***--------------------------------------------------------- GLOBAL DECLARATIONS ***/ * { text-align: left; vertical-align: top; } BODY { background-image: url("../images/background.PNG"); background-repeat: repeat; font-family: Verdana, Sans-Serif; font-size: 7pt; margin: auto auto auto auto; /* T R B L */ padding: 0px 0px 0px 0px; /* T R B L */ text-align: center !important; vertical-align: top; } /***--------------------------------------------------------- PAGE LAYOUT ***/ DIV.PageLayoutManager { width: 989px; /* this is the width of your banner image */ height: auto; margin: auto auto auto auto; /* T R B L */ padding: 0px 0px 0px 0px; /* T R B L */ } /* Will split the page content in two sides: - Page Left Sidebar -> width: 145 px; - Main Page Content -> width: 844 px; */ /***--------------------------------------------------------- PAGE HEADER CONTENT ***/ DIV.PageHeaderManager { width: 100%; height: auto; margin: 20px 0px 0px 0px; /* T R B L */ padding: 0px 0px 0px 0px; /* T R B L */ clear: both; } DIV.HeaderWrapper { width: 100%; height: 157px !important; /* This is the "bannerwnav.jpg" height so do not go beyond this height !!! */ background-image: url("../images/bannerwnav.jpg"); background-repeat: no-repeat; background-position: top left; text-align: left; vertical-align: top; margin: 0px 0px 0px 0px; /* T R B L */ padding: 0px 0px 0px 0px; /* T R B L */ } TABLE#PageTopMenuWrapper_Table { width: 100%; height: auto; text-align: left; vertical-align: bottom; margin: 0px 0px 0px 0px; /* T R B L */ padding: 0px 0px 0px 0px; /* T R B L */ } TD.HeaderContentWrapper_Cell { width: 100%; height: 122px; text-align: left; vertical-align: middle; margin: 0px 0px 0px 0px; /* T R B L */ padding: 0px 0px 0px 0px; /* T R B L */ } TD.TopMenuWrapper_Cell { width: 100%; height: 35px; /* Same width as the List Item */ text-align: right !important; vertical-align: top !important; margin: 0px 0px 0px 0px; /* T R B L */ padding: 0px 0px 0px 0px; /* T R B L */ } /***--------------------------------------------------------- PAGE HEADER CONTENT -> TOP CONTENT ***/ H3.SiteTitle { font-family: Georgia, Times New Roman, Serif; font-size: 16pt; color: #FFA500; /* Orange */ margin-left: 30px; } TD.HeaderContentWrapper_Cell span { font-size: 10pt; color: #eee; margin-left: 60px; } /***--------------------------------------------------------- PAGE HEADER CONTENT -> TOP MENU ***/ DIV.TopMenuWrapper { width: auto; height: auto; text-align: right !important; vertical-align: top; margin: 0px 15px 0px 0px; /* T R B L */ padding: 0px 0px 0px 0px; /* T R B L */ } DIV.TopMenuItem { width: 142px; height: 21px; background-image: url("../images/navbg.jpg"); background-repeat: repeat-x; background-position: top left; margin: 0px 0px 0px 0px; /* T R B L */ padding: 0px 0px 0px 0px; /* T R B L */ text-align: center; vertical-align: middle; float: right; } DIV.TopMenuItem:link, DIV.TopMenuItem:visited { width: 142px; height: 21px; background-image: url("../images/navbg.jpg"); background-repeat: no-repeat; background-position: top left; margin: 0px 0px 0px 0px; /* T R B L */ padding: 0px 0px 0px 0px; /* T R B L */ text-align: center; vertical-align: middle; float: right; } DIV.TopMenuItem:hover { width: 142px; height: 21px; background-image: url("../images/navbgover.PNG"); background-repeat: no-repeat; background-position: top left; margin: 0px 0px 0px 0px; /* T R B L */ padding: 0px 0px 0px 0px; /* T R B L */ text-align: center; vertical-align: middle; float: right; } A.TopMenuListItemLink:link, A.TopMenuListItemLink:visited { font-weight: bold; color: #dddddd; text-decoration: underline; } A.TopMenuListItemLink:hover { color: #00ff00; text-decoration: underline; } /***--------------------------------------------------------- PAGE MAIN CONTENT ***/ DIV.PageContentManager { width: auto; height: auto; margin-top: 10px; /* Set the space between the "PAGE HEADER" and the "MAIN PAGE CONTENT" */ clear: both; } /***--------------------------------------------------------- PAGE MAIN CONTENT -> SIDEBAR CONTENT ***/ DIV.PageLeftSidebar { width: 145px; height: auto; text-align: left; vertical-align: top; margin: 0px 0px 0px 0px; /* T R B L */ padding: 0px 0px 0px 0px; /* T R B L */ float: left !important; } DIV.SidebarWrapper { width: auto; height: auto; text-align: left; vertical-align: top; margin: 0px 0px 0px 0px; /* T R B L */ padding: 0px 0px 0px 0px; /* T R B L */ } .separator { /* ListItem vertical alignment hack */ margin-top: 2px !important; } UL.ListMenuBlock { padding: 0px 0px 0px 0px; /* T R B L */ margin: 0px; text-align: left; list-style-type: none; /* Do not remove this. Otherwise FF will show the bullets */ } LI.MenuHeaderXA { background-position: left top; background-image: url("../images/navheadXA.PNG"); background-repeat: no-repeat; height: 32px; } LI.MenuHeaderG { background-position: left top; background-image: url("../images/navheadG.PNG"); background-repeat: no-repeat; height: 32px; } LI.MenuHeaderS { background-position: left top; background-image: url("../images/navheadS.PNG"); background-repeat: no-repeat; height: 32px; } LI.MenuFooter { background-position: left top; background-image: url("../images/navfoot.PNG"); background-repeat: no-repeat; height: 32px; } LI.ListMenuItem { background-position: left top; padding-left: 20px; background-image: url("../images/navbg.jpg"); vertical-align: middle; width: 142px; background-repeat: no-repeat; height: 21px; text-align: left; } LI.ListMenuItem:link, LI.ListMenuItem:visited { background-position: left top; padding-left: 20px; background-image: url("../images/navbg.jpg"); vertical-align: middle; width: 142px; background-repeat: no-repeat; height: 21px; } LI.ListMenuItem:hover { background-position: left top; padding-left: 20px; background-image: url("../images/navbgover.PNG"); vertical-align: middle; width: 142px; background-repeat: no-repeat; height: 21px; text-align: left; } A.ListItemLink:link, A.ListItemLink:visited { font-weight: bold; color: #dddddd; text-decoration: underline; } A.ListItemLink:hover { color: #00ff00; text-decoration: underline; } /***--------------------------------------------------------- PAGE CONTENT ***/ DIV.MainPageContent { width: 844px; height: auto; text-align: left; vertical-align: top; margin: 0px 0px 0px 0px; /* T R B L */ padding: 0px 0px 0px 0px; /* T R B L */ float: left !important; clear: both; } DIV.MainContentWrapper { width: 100%; height: auto; margin: 0px 0px 0px 0px; /* T R B L */ padding: 0px 5px 5px 5px; /* T R B L */ } SPAN.ContentText { font-family: Verdana, Sans-Serif; font-size: 10pt; color: #FFA500; /* Orange */ }

I couldn't find the images you used in the header for the menu so I used those ones from the sidebar.

If you plan me to help you further please do not modify the css or the html...I will do it (I like to keep my code clean and xhtml valid. A lot of people don't like that), otherwise I will not be able to help you while the code and the css grow (hope you understand my point of view)
Costin Trifan is offline   Reply With Quote