How to - horizontal navigation

Question

Hello,
I'm having a mental block and can't figure out how to do a
SIMPLE navigation bar horizontally across the top of the page.
Wanted to use "block", but I seem to only be able to get my list in
a vertical format doing this. Then tried "display-list_item" which
looked okay on my screen but loaded again with the navigation being
vertical. I know that this has got to be easy... don't want to make
it hard by creating buttons, etc. when I want something simple.
Page is located at
Sage
City
I haven't been doing many sites lately and I'm badly out of
practice I'm afraid... thanks for your help :)
Maureen

Answer 1

> Murray - Still haven't got it all straightened out and
may end up starting
> from scratch using divs instead. The "client" in this
case is a web person
> (back-end I think) and insisted on using "tables"
because according to her
> this
> has less accessibility issues.
Your client is badly mistaken. If tables are used for
content, they create
accessability problems, since tables are "read" from left to
right, top to
bottom, meaning that vertically adjacent content will not be
read as a block
when they are in different cells in the same column.
> #navigation td
This is a descendent selector - it specifies that the rull
following it
would be applied to all <td> tags within a parent
container with ID =
"navigation". It's quite common to use such selectors.
> it seems cumbersome
Quite the opposite.
> What I've done is changed all the "#" to "." and applied
the classes to
> the
> text as needed.
That's the wrong approach, really.
Murray --- ICQ 71997575
Adobe Community Expert
(If you *MUST* email me, don't LAUGH when you do so!)
==================
http://www.projectseven.com/go
- DW FAQs, Tutorials & Resources
http://www.dwfaq.com - DW FAQs,
Tutorials & Resources
==================
"webmom24" <[email protected]> wrote in
message
news:[email protected]...
> Patty - I guess I just haven't seen this before and it
didn't seem to work
> correctly in the page either.
>
> For example, here's the navigation code:
> #navigation td {
> border-bottom: 2px solid #C0DFFD;
> }
>
> #navigation a {
> font: 11px Verdana, Arial, Helvetica, sans-serif;
> color: #003366;
> line-height:16px;
> letter-spacing:.1em;
> text-decoration: none;
> display:block;
> padding:8px 6px 10px 26px;
> background: url("mm_arrow.gif") 14px 45% no-repeat;
> }
>
> #navigation a:hover {
> background: #ffffff url("mm_arrow.gif") 14px 45%
no-repeat;
> color:#FF6600;
>
> Then on the page:
> <table border="0" cellspacing="0" cellpadding="0"
width="165"
> id="navigation">
> <tr>
> <td width="165"> <br />
>  <br /></td>
> </tr>
> <tr>
> <td width="165"><a href="javascript:;"
> class="navText">destinations</a></td>
> </tr>
> <tr>
> <td width="165"><a href="javascript:;"
> class="navText">airfare</a></td>
> </tr>
> <tr>
> <td width="165"><a href="javascript:;"
> class="navText">cruises</a></td>
> </tr>
> <tr>
> <td width="165"><a href="javascript:;"
> class="navText">specials</a></td>
> </tr>
> <tr>
> <td width="165"><a href="javascript:;"
> class="navText">contact</a></td>
> </tr>
> </table>
>
> I guess I don't understand how the "id" works to format
the table - it
> seems
> cumbersome and I'm not understanding what this is doing
exactly. It was a
> bit
> confusing for me to figure out how to change the
navigation from vertical
> to
> horizontal and in the process I probably deleted some of
the crucial
> elements.
> What I've done is changed all the "#" to "." and applied
the classes to
> the
> text as needed.
>
> Murray - Still haven't got it all straightened out and
may end up starting
> from scratch using divs instead. The "client" in this
case is a web person
> (back-end I think) and insisted on using "tables"
because according to her
> this
> has less accessibility issues. Bottom line is I should
use what I feel
> comfortable with and what works for me and the site. Not
only did she want
> it
> in "tables" but then wanted it set for 600 px wide, with
percentages used
> for
> the columns... this project is going to drive me to
drink...
>
> Maureen
>