Jump to content

Navagtion bar image


isreal63

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

Archived

This topic is now archived and is closed to further replies.

×
×
  • Create New...