hi kwun, the hyper links on the banner is not working (knowledge base, forum, news, reviews, gallery). I don't know if it supposed to be functional or not. but it only points back to the forum index.
no they are not supposed to work yet. if someone has some spare time and write me the html for it, i will really appreciate it.
I'd do it if only it wasn't for my distaste for hotspots, so Gollum's your man. Hotspotssssss, we hatesss them.
you can also pretend the text aren't there and use real links. i will overlay it with a new banner without the text. the problem is aligning the text. that is the approach i wanted to go with but i need to read up more on placement and i haven't gotten round to that..
It should be pretty simple. If you talk me through some of your code, I might be able to do it for you. Replace the image with a <div>, set the height and width in CSS, and apply the image as a background to the <div> Then make a list <ul> of links, and place it inside the <div>. Float the <ul> to the right. Remove the list bullets, change the list style to in-line so that the links are in a horizontal row, and fiddle with padding/margins as necessary. Actually, you'll probably need to split the image in two, if you want to keep the main BC link active.
Alternatively, you can use an image map (ugh). This just defines clickable regions of the image. As Wilfred said: Image maps are rather 1995, but I can help explain them if you like. I have used them at least once before (*shudder*). Check out the source code from this website I made: http://www.alliedhealthtraining.co.uk/ . I use an image map for the navigation bar. Here's the (simplified) navbar code: <img src="home.gif" usemap="#map1"> You then need a <map> element with the name referred to above. I put mine just before the end of the <body>: <p> <map name="map1"> <area href="index.html" alt="Home" shape="rect" coords="7,0,108,25"> <area href="contact.html" alt="Contact details" shape="rect" coords="225,0,390,25"> <area href="courses.html" alt="Courses" shape="rect" coords="109,0,224,25"> </map> You can see how the <map> defines areas on the image, and associates them with links.
I PMed kwun the code without hotspots, using lists that are positioned absolutely on the screen. It could be extended to sub-menus if you want.
thanks wilfred for the code. i will put it up this weekend. right now i am suffering from major sleep deprivation for staying up until 3-4am watching WC.