Nav bar problem,

M

mojopanel

New Member
When you click on one of the drop down links on the navbar this happens..

oauoo2.jpg

here is the css code i have added in the "Additional CSS Definitions"


Code: 
/* ----------------------------------------------------------------------------------------------------------
1) Other Stuff..
---------------------------------------------------------------------------------------------------------- */

.postbittop {
background-color:#FFFFFF;
color: #000000;
padding:7px 7px 7px 7px;
border: 1px dotted #E0E0E0;
width: 292px;
}  

.warning-box,
.attention-box,
.notice-box,
.help-box,
.information-box
{
	color: #000;
	border: 1px solid #000;
	-moz-border-radius: 5px;
	background-color: #FCF8C7;
	padding: 6px;
	text-align:left;
}
.warning-box img,
.attention-box img,
.help-box img,
.notice-box img,
.information-box img
{
	float:left;
	margin-top: 10px;
	margin-right: 5px;
	vertical-align:middle;
	border: 0px;
}
.warning-box h2,
.warning-box p,
.notice-box h2,
.notice-box p,
.attention-box h2,
.attention-box p,
.help-box h2,
.help-box p,
.information-box h2,
.information-box p
{
	padding: 0px;
	margin:  0px;
	margin-left: 60px;
}
.warning-box h2,
.attention-box h2,
.notice-box h2,
.help-box h2,
.information-box h2
{
	padding-bottom: 4px;
	font-size: 14px;
	border-bottom: 1px solid #000;
}
.warning-box h1,
.attention-box h1,
.notice-box h1,
.help-box h1,
.information-box h1
{
	padding: 0px;
	margin:  0px;
	margin-left: 60px;
	font-size: 12px;
        font-weight:normal;
}
.warning-box h6,
.attention-box h6,
.notice-box h6,
.help-box h6,
.information-box h6
{
	margin:  20px;
	padding: 0px;
	margin-left: 60px;
	font-size: 12px;
        font-weight:normal;
}
.warning-box
{
	background-color: #FFCCCC;
}
.help-box
{
	background-color: #d5eeb6;
}
.warning-box ul,
.attention-box ul,
.notice-box ul,
.help-box ul,
.information-box ul
{
	margin-left: 30px;
}

/* ----------------------------------------------------------------------------------------------------------
2) Universal styles (display, float, margin, text-align...)
---------------------------------------------------------------------------------------------------------- */

.box {min-height:1px;}
.box:after {display:block; visibility:hidden; clear:both; line-height:0; font-size:0; content:".";}

.relative {position:relative;}

.clear {clear:both;}


.noscreen {display:none;}

    .bigger {font-size:110%;}
    .smaller {font-size:85%;}


/* ----------------------------------------------------------------------------------------------------------
4) Layout
---------------------------------------------------------------------------------------------------------- */

.main {position:relative; width:960px; margin:0 auto;}

	#header {padding:30px 0; overflow:hidden}

        #logo {margin:0; margin-bottom:3px; font:normal 260%/1.2 "arial",sans-serif; letter-spacing:-1px;}
        #logo span {font-weight:bold;}
        #logo a {text-decoration:none;}

        #slogan {margin:0;}
    	
        #search {position:absolute; top:0; right:0;}
        #search #search-input {width:170px; padding:4px; font:normal 100%/1.2 "arial",sans-serif;}
        #search #search-submit {padding:3px 5px; font:bold 100%/1.2 "arial",sans-serif;}

    #nav {clear:both; background:url("../design/nav.gif") 0 0 repeat-x;}
    #nav ul {margin:0; padding:0; list-style:none;}
    #nav li {display:inline; margin:0; padding:0;}
    #nav li a {display:block; float:left; padding:10px 20px; text-decoration:underline; font-weight:bold;}
    #nav li#nav-active a {font-weight:bold; text-decoration:none;}
	   
	#footer {clear:both; padding:15px 0;}
    #footer p {margin:0;}

/* ----------------------------------------------------------------------------------------------------------
5) Page: Homepage
---------------------------------------------------------------------------------------------------------- */

#perex {margin-bottom:15px; padding:15px;}
#perex p {margin:0;}                

.section {float:left; width:225px; overflow:hidden;}
.section.margin {margin:0 5px;}
.section h3 {margin:0; padding:5px 15px; border:0 !important; background:url("../design/section.gif") 0 0 repeat-x; font-size:120%;}
/* ----------------------------------------------------------------------------------------------------------
LAYOUT
---------------------------------------------------------------------------------------------------------- */

#search #search-input {width:165px; height:26px;}

#aside {width:245px;}

/* ----------------------------------------------------------------------------------------------------------
PAGE: Homepage
---------------------------------------------------------------------------------------------------------- */

.section.fix {margin-right:-3px;}

/* ----------------------------------------------------------------------------------------------------------
Layout
---------------------------------------------------------------------------------------------------------- */

#header {background:#1F1F1F;}

#logo {border-bottom:1px solid #464646; color:#FFF;}
#logo span {color:#BFE024;}
#logo a {color:#FFF;}

#slogan {color:#B0B0B0;}

#search #search-input {border:1px solid #FFF;}
#search #search-submit {border:1px solid #25A8C4; background:#25A8C4; color:#FFF;}

#nav {background-color:#8FC40A;}
#nav li a {border-left:1px solid #B2F30E; color:#486406;}
#nav li.last a {border-right:1px solid #B2F30E;}
#nav li#nav-active a {background:#6B9408; color:#FFF;}
#nav li a:hover {background:#BFE024; color:#000;}

#cols .main {background-color:#FFF;}

#content h1 {border-bottom:1px solid #95DCEB;}
#content h2, #content h3, #content h4 {border-bottom:1px solid #CEE780; color:#8FC40A;}

#aside h3 {color:#7DAC09;}
#aside ul li {border-bottom:1px solid #CEE780;}

#footer {background:#4F4F4F; color:#BFBFBF;}
#footer a {color:#BFBFBF;}
#footer a:hover {color:#FFF;}

/* ----------------------------------------------------------------------------------------------------------
Page: Homepage
---------------------------------------------------------------------------------------------------------- */

#perex {border-bottom:5px solid #95DCEB; background:#D4F1F7;}             

.section {border-bottom:1px solid #CEE780; background:#EEF7D4;}
.section h3 {background-color:#25A8C4; color:#FFF;}
.section h3 a {color:#FFF;}
.section h3 a:hover {color:#000;}

Can any one help me please..
 
Some css is fluffing that up either
Code: 
position:absolute;
or
position:relative;
or maybe
*margin:0;padding:0;
 
mmmxiv said:
search your additional css for "position" or "margin"

or if it aint there, add it.
Click to expand...

No don't add it thats whats (probably) causing the problem...:) lol

You have found a normal template and tring to merge it with vB correct?...well look for what I mentioned in first post in that templates css file, thats whats normally the problem when I get the same error.
 
Yer, also. I am looking for some one to make me the skin the same at the home page, so it looks 100% same.. so it like a clone, you get me..

Also, does any one now how i can add a side bar to the "Right" so i can add it on like on the home page..

Please?
 
get the coloum / sidebar mod and use it..and mojo I know of two members that offered to help you with the forum but you need to reply to them or it cant be done =)
 
You must log in or register to reply here.
Back
Top