Jump to content

Navagtion bar image


isreal63
 Share

Recommended Posts

Still not sure what you want, but here are some possibilities:1. If you want a single image in the whole navbar, your HTML looks like this:

<div class='myNavbar'>

And your CSS looks like this:

div.myNavbar{background-image: url('bgNavbar.gif'); background-repeat: no-repeat;}

2. If you want a unique image behind each link, it might look like this. HTML:

<div class='myNavbar'>		 <div class='navHome'>			 <a href='whatever'>				 home			 </a>		 </div>		 <div class='navCredits'>			 <a href='whatever'>				 credits			 </a>		 </div>   </div>

And your CSS:

div.navHome{background-image: url('bgNavHome.gif'); background-repeat: no-repeat;}   div.navCredits{background-image: url('bgNavCredits.gif'); background-repeat: no-repeat;}

I hope something here answers your question. It might simply be easier to use images as your links, for example, which might look like this: <img src='whatever' onclick='whatever'><img . . .

Link to comment
Share on other sites

Still not sure what you want, but here are some possibilities:1. If you want a single image in the whole navbar, your HTML looks like this:
<div class='myNavbar'>

And your CSS looks like this:

div.myNavbar{background-image: url('bgNavbar.gif'); background-repeat: no-repeat;}

2. If you want a unique image behind each link, it might look like this. HTML:

<div class='myNavbar'>		 <div class='navHome'>			 <a href='whatever'>				 home			 </a>		 </div>		 <div class='navCredits'>			 <a href='whatever'>				 credits			 </a>		 </div>   </div>

And your CSS:

div.navHome{background-image: url('bgNavHome.gif'); background-repeat: no-repeat;}   div.navCredits{background-image: url('bgNavCredits.gif'); background-repeat: no-repeat;}

I hope something here answers your question. It might simply be easier to use images as your links, for example, which might look like this: <img src='whatever' onclick='whatever'><img . . .

the image url means on my computer or from a website cuz on my computer it donsn't seem to work
Link to comment
Share on other sites

If you have your images on a folder called /images, for example, it will be like this:

div.navHome{background-image: url('images/bgNavHome.gif'); background-repeat: no-repeat;}   div.navCredits{background-image: url('images/bgNavCredits.gif'); background-repeat: no-repeat;}

images/imagename.gif/or what

Link to comment
Share on other sites

If you have your images on a folder called /images, for example, it will be like this:
div.navHome{background-image: url('images/bgNavHome.gif'); background-repeat: no-repeat;}   div.navCredits{background-image: url('images/bgNavCredits.gif'); background-repeat: no-repeat;}

images/imagename.gif/or what

thank youisreal63
Link to comment
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
 Share

×
×
  • Create New...