Navbar help

I wanna make this http://karsintech.net/wp-content/uploads/2011/03/blank_overa.png my navbar background image. i am using ultimate blogging theme 3.0

 

what's the issue? Use that as background image and style Nav block.

 

Its just that i wanna know how to implement it into a CSS file

 

I have no idea what ultimate blogging theme 3.0 is, but CSS would look like such:

#Nav {
background: #FFFFFF url(http://karsintech.net/wp-content/uploads/2011/03/blank_overa.png) repeat-none;
}

Just add that background line to the CSS for your navbar and it should work fine.

 

@FallenShadow - I think you meant "no-repeat" not "repeat-none" ;-)

Here are the valid values in case the OP needs them...

Value Description
repeat > The background image will be repeated both vertically and horizontally. This is default
repeat-x > The background image will be repeated only horizontally
repeat-y > The background image will be repeated only vertically
no-repeat > The background-image will not be repeated
inherit > Specifies that the setting of the background-repeat property should be inherited from the parent element

 

I tried it and it failed, would you like me to post my style.css file so you could take a look at it and tell me how i can succeed?

 

Yes, that will help. Also, it will help if you send the portion of html that's generated around the navbar.

To do that, right click out in the margin (right or left side of the template) and choose "View Source". Then scan the file until you see your menu links and copy the content around that and paste it here.

 

This is the navbar in style.css

.navigation {

display: block;

text-align: center;

margin-top: 10px;

margin-bottom: 20px;


}

and this is in header.php

<?php if(get_option('YBN_navbar_position') == 'below'):?>
#header{margin-bottom: 5px; height: auto}
#header h1, #header h2 {color: white}
#header .bar_under{height: 30px}