Advertisements

Guest

On Nov 15, 5:43 pm, dorayme <> wrote:
> In article
> <
> m>,
>
> "" <> wrote:
> > I'm having trouble centering the vertical bars ("|") between the words
> > in the nav at the top of this page
>
> You could simply *not* put each link into a separate cell, (if
> you are determined to use tables). Something like:
>
> <td><link> | <link> | <link> | <link> | <link></td>
>
> would be simpler, no? Style the thing then for color of
> foreground and background.
>
> As a stepping stone to not use tables at all for laying out such
> things. There is a modern movement around these parts that frowns
> on using tables for anything but tabular data.
>
> Google up for horizontal css lists when you have time.
>
> --
> dorayme

I like your idea of eliminating the table cells and having everything
in just one row, but when I do this, the words and horizontal bar
don't space themselves out to take up the entire width of the row.
How can I get them to spread out?

In article
<
m>,
"" <> wrote:
> On Nov 15, 5:43 pm, dorayme <> wrote:
> > In article
> > <
> > m>,
> >
> > "" <> wrote:
> > > I'm having trouble centering the vertical bars ("|") between the words
> > > in the nav at the top of this page
> >
> > You could simply *not* put each link into a separate cell, (if
> > you are determined to use tables). Something like:
> >
> > <td><link> | <link> | <link> | <link> | <link></td>
> >
> > would be simpler, no? Style the thing then for color of
> > foreground and background.
> >
> > As a stepping stone to not use tables at all for laying out such
> > things. There is a modern movement around these parts that frowns
> > on using tables for anything but tabular data.
> >
> > Google up for horizontal css lists when you have time.
> >
> > --
> > dorayme
>
> I like your idea of eliminating the table cells and having everything
> in just one row, but when I do this, the words and horizontal bar
> don't space themselves out to take up the entire width of the row.
> How can I get them to spread out?
>
> Thanks, - Dave

Here is something I knocked up for you quickly. There is no big
need given your material to get the menu to spread out over a 24"
screen. In most good browsers, max width works and I suggest
1000px for your page as a rough figure. I have kept your table
for the 4 boxes but thrown out most of your code. You really must
not do this table within table and lots of span stuff, you will
just get lost.

If you really want, you can just have the horizontal menu as a
table cell (you can float things inside the cell to solve your
desire to spread things out but I have no time to go though this
at the moment). I have given you a taste for a horizontal list
for it. Compare the actual html you have, in complexity, with
this:

Share This Page

Welcome to The Coding Forums!

Welcome to the Coding Forums, the place to chat about anything related to programming and coding languages.

Please join our friendly community by clicking the button below - it only takes a few seconds and is totally free. You'll be able to ask questions about coding or chat with the community and help others.
Sign up now!