Navigation Bars

	Home Register Search Help Login

Sponsors

Hosting from $3.99 per month!

Shopping Cart Software
Ecommerce software integrated into Frontpage, Dreamweaver and Golive templates. No monthly fees and available in ASP and PHP versions. dd

Website Templates
We also have a wide selection of Dreamweaver, Expression Web and Frontpage templates as well as webmaster tools and CSS layouts.

Frontpage website templates
Creative Website Templates for FrontPage, Dreamweaver, Flash, SwishMax

Search Forums

Recent Posts

Todays Posts
Most Active posts
Posts since last visit
My Recent Posts
Mark posts read

Navigation Bars

View related threads: (in this forum | in all forums)

Logged in as: Guest

Users viewing this topic: none

Printable Version

All Forums >> Web Development >> General Web Development >> Navigation Bars

Page: [1]


Corel Posts: 138 From: UK Status: offline	Navigation Bars - 7/4/2001 20:28:00 When setting up a navigation bar similar to the one across the outfront site, would you always use an image map. Could you set up the same effect using a single row table with test links separated by the single line symbol, then set the links to have no underlines and create a rollover effect or is this just too darn complicated for most browsers? I have tried the later version and looks good and works well in Netscape and MS, but later versions - am I going to come unstuck when it comer to older version browser? Many thanks as always.

Goober

Posts: 1156
From: Pennsylvania USA
Status: offline

RE: Navigation Bars - 7/4/2001 23:28:00

The only problem with using css in that situation is that in NN anything older than NN 6 does not support the hover attribute. Also, you are stuck with about three basic fonts that will show universally.

If you want a rollover effect to show on all browsers, JavaScript is about the only good alternative. Sorry.

Sandy

------------------
Stu Reilly Design
Allegheny Web
Dreamweaver Sites

(in reply to Corel)

abbeyvet

Posts: 5095
From: Kilkenny Ireland
Status: offline

RE: Navigation Bars - 7/4/2001 23:30:00

What you suggest should work fine. That's what I have done at the links site - without the lines.

When I do what you suggest (cannot remember where I have!) I would usually use leave leave the cell widths undefined and use cells with a coloured background to make the lines - each containg a one pixel gif to hold their width and with the cell spacing set to maybe 3 or 4. That way you get nice even spacing of the links. If that all makes sense.

------------------
Katherine

InKK Design
LinKKs - Kilkenny's Online Magazine

-*-*-*-*-*-*-*-*-*-*
"Dogs have owners, cats have staff!"

(in reply to Corel)

abbeyvet

Posts: 5095
From: Kilkenny Ireland
Status: offline

RE: Navigation Bars - 7/4/2001 23:32:00

Sandy of course is correct but you would not get rollover effects with an image map anyway so other than that you are rolling.

Sandy - take the rest of the day off!! This is supposed to be a holiday there is it not

------------------
Katherine

InKK Design
LinKKs - Kilkenny's Online Magazine

-*-*-*-*-*-*-*-*-*-*
"Dogs have owners, cats have staff!"

(in reply to Corel)

Corel

Posts: 138
From: UK
Status: offline

RE: Navigation Bars - 7/4/2001 14:53:00

quote:
Originally posted by abbeyvet:

each containg a one pixel gif to hold their width and with the cell spacing set to maybe 3 or 4

Thank you and Sandy for your replies - can you explain why a 1 pixel gif would hold the width. Is there a way of having vertical borders showing on a table, but not the horizontal? Also back to what Sandy was saying - what would have the faster download the table type nav bar or an image map? (guess its all in size!)

(in reply to Corel)

abbeyvet

Posts: 5095
From: Kilkenny Ireland
Status: offline

RE: Navigation Bars - 7/4/2001 15:16:00

Try it corel, it works!

Copy this code below the body tag in html view of a page and you will see. The reason is that if you do not define the width of a cell it will size itself according to its contents.

In almost every case the table of links would download faster than an image map.

While FP allows you to choose to show only vertical and not horizontal borders this will not work in Netscape.

Using a cell with a coloured bg and a gif can give the same effect and is the best way I know of making vertical lines.

<center>
<table border="0" cellspacing="4" cellpadding="0">
<tr>
<td>Link</td>
<td bgcolor="#000000"><img border="0" src="v20.gif" width="1" height="1"></td>
<td>A second Link</td>
<td bgcolor="#000000"><img border="0" src="v20.gif" width="1" height="1"></td>
<td>Another Link</td>
<td bgcolor="#000000"><img border="0" src="v20.gif" width="1" height="1"></td>
<td>That Link</td>
<td bgcolor="#000000"><img scr="v20.gif" width="1" height="1"></td>
<td>The Last Link</td>
</tr>
</table>

</center>

------------------
Katherine

InKK Design
LinKKs - Kilkenny's Online Magazine

-*-*-*-*-*-*-*-*-*-*
"Dogs have owners, cats have staff!"

[This message has been edited by abbeyvet (edited 07-04-2001).]

(in reply to Corel)


Corel Posts: 138 From: UK Status: offline	RE: Navigation Bars - 7/5/2001 20:52:00 quote: Originally posted by abbeyvet: Try it corel, it works! Blimey! I'm impressed! I'm assuming it's a transparent gif! I would never have thought of doing that. Thank you so much for your help. (in reply to Corel)

abbeyvet

Posts: 5095
From: Kilkenny Ireland
Status: offline

RE: Navigation Bars - 7/5/2001 20:07:00

Yes, a transparent gif - I have two transparent gif that I use in every site called h20 and v20. They are 3x20 pixels each, one horizontal and one vertical. I just find these handy sizes for making spaces around about. I resize one or other of them if I need a narrower or shallower gif.

I know a lot of people have 1x1 gifs, I am just very attached to my trusty v20 and h20, they are like old friends

------------------
Katherine

InKK Design
LinKKs - Kilkenny's Online Magazine

-*-*-*-*-*-*-*-*-*-*
"Dogs have owners, cats have staff!"

(in reply to Corel)