crazytopu
Junior Member
Posts: 4
Registered: 8/28/2004
Location: universe
Member Is Offline
|
| posted on 8/31/2004 at 11:44 AM |
|
|
I need help urgently..and desparately..pls pls pls
hi tigra,
I created a vertical menu using tigra online builder.
Now i need to use an arrow image to indicate that some of the top level menu items have sub items.
I want to do something like this menu in novell's site -
http://support.novell.com/search/kb_index.jsp
Please help me with the code.
I tried it the following way but the image contains a border dont know where it comes from.
["About Us '<img src=arrow.gif>'", "Aboutus.htm"],
Please help me out ...
|
|
|
rock
Moderator
Posts: 687
Registered: 4/15/2003
Member Is Offline
|
| posted on 9/1/2004 at 08:41 AM |
|
|
Use followin syntax:
<img src="arrow.gif" border="0">
|
|
|
crazytopu
Junior Member
Posts: 4
Registered: 8/28/2004
Location: universe
Member Is Offline
|
| posted on 9/2/2004 at 05:03 AM |
|
|
Oh, thank you rock so much. I did work excellent. Just one little thing that I am trying to make but unable to do coz dont know java script.
You see with da code I can put an arrow just next to the menu itme. What if I want to put the arrow at the edge.
I mean something like following:
About Us >
instead of,
About Us >
Lets say My item width is 40 pixel. What code I should put now and where?
Any help greatly appricated.
|
|
|
tigra
Administrator
Posts: 1920
Registered: 6/17/2002
Location: US, CO
Member Is Offline
|
| posted on 9/2/2004 at 05:23 PM |
|
|
You probably want text left aligned and image right aligned. Just insert a 100% width table with two cells, left one with text and right one (right
aligned) with image.
|
|
|
crazytopu
Junior Member
Posts: 4
Registered: 8/28/2004
Location: universe
Member Is Offline
|
| posted on 9/2/2004 at 07:00 PM |
|
|
so, you are saying to use frontpage or dreamweaver to get the code, and then insert that code inside the quotes?:
"Solutions <img src = images/arrow1.jpg border=0>", "solutions.htm"
but it seems to me a whole bunch of code:
<table border="0" cellpadding="0" cellspacing="0" style="border-collapse: collapse"
bordercolor="#111111" width="100%">
<tr>
<td width="50%"> </td>
<td width="50%">
<img border="0" src="arrow.jpg" width="11" height="7"></td>
</tr>
</table>
Did you mean something like this?
|
|
|
tigra
Administrator
Posts: 1920
Registered: 6/17/2002
Location: US, CO
Member Is Offline
|
| posted on 9/20/2004 at 04:55 PM |
|
|
Yes, pretty much like this.
1. make sure not to mess with the quotes. If you use quotes in the HTML code then use apostrophes to enclose the whole string.
2. since most of that HTML code will be the same for all items you can use wrappers (see documentation) to save a lot of space and inprove mainenance.
|
|
|
szh
Junior Member
Posts: 2
Registered: 6/20/2005
Location: southampton, UK
Member Is Offline
|
| posted on 6/20/2005 at 08:33 PM |
|
|
if you use tables, the formatting is lost on the item listed in the menu.. is there anyway this can be done?
|
|
|