I have my own image, I want to make it into a navigation button using html. How?

  • Thread starter Thread starter I am the BASS DIVA!
  • Start date Start date
I

I am the BASS DIVA!

Guest
Also, how is the destination url info written into the html so that it functions by the button?
 
<a href="your target url goes here" target="_blank"><img src="the url of your image goes here"></a>

example

<a href="http://www.yourdestination.com" target="_blank"><img src="http://www.someimage/image.jpg"></a>
 
There's lots of methods. The easiest is to set up your navigation area as an unordered list (ul) floated left, then have the list-items floated left, displayed as blocks with a fixed height and width the size of the image, and use the image as a background image for each list-item. You may have to diddle with such things as margin, padding, and line-height for the list-items to get the appearance JUST RIGHT.

The image would likely be a background image for a "class" of "a" (address element) and you'd give each "a" in your navigation list that class, so it might get a little tricky! Enjoy!
 
Back
Top