Tabbed Menu Line Wrap Problem

[Peter Hoyle]

I'm trying to generate a tabbed menu system that will wrap to the next line
when necessary.

I tried using the css shown on this website
http://www.sitepoint.com/print/accessible-menu-tabs

It works fine for a single row but as soon as it goes to a new row, the
format of the first tab on the new row goes wrong in IE6 though not in
Firefox 1.0.

The original markup is generated by an asp.net repeater control but a static
version of the problem can be found here
http://homepage.ntlworld.com/peter.h...lem/index.html

Do you have any ideas how I can fix this,

Thanks,
Peter

[Peter Hoyle]

The solution proved to be rather basic:-

Enclose the menu system in <ul> <li> tags.
For the <li> tag
display: inline;
float: center;

ul {
list-style: none;
padding: 0px;
margin: 0 10px 0 0;
font-family: "Trebuchet MS", sans-serif;
text-align: center;
line-height: 20px;
}

ul li {
font-weight: bold;
float: center;
display: inline;
position: relative; /*** IE6 needs this to display the links ***/
}

ul li span{
white-space: nowrap;
}

Cheers,
Peter

[Spartanicus]

"Peter Hoyle" <pe*********@ntlworld-NOT.com> wrote:

float: center;

No such thing in css 2.x.

--
Spartanicus

[Peter Hoyle]

>>float: center;

No such thing in css 2.x.

Spartanicus

Thanks for the information - actually I can't see it in css 1.x either.
It works for the moment but I'll keep a look out for a more valid method,

Peter

[Spartanicus]

"Peter Hoyle" <pe*********@ntlworld-NOT.com> wrote:

float: center;
No such thing in css 2.x.

Thanks for the information - actually I can't see it in css 1.x either.

Duh, css1 is a subset of css2.
It works for the moment

No it doesn't, get rid of it, it doesn't do anything.

Btw, configure your news client to snip sigs when following up, or do it
manually.

--
Spartanicus

[Peter Hoyle]

float: center;

Removed as informed.

Seems that ul{text-align: center} which I inadvertantly added at the same
time, was providing the wanted effect!

Thanks again,
Peter

[Spartanicus]

"Peter Hoyle" <pe*********@ntlworld-NOT.com> wrote:

Removed as informed.

You're supposed to remove *sigs* when following up, quoting the minimal
relevant bit what you are replying to *should* be left in.

What follows is a sig:
--
Spartanicus

[Richard]

On Mon, 28 Feb 2005 17:00:18 +0000 Spartanicus wrote:

"Peter Hoyle" <pe*********@ntlworld-NOT.com> wrote:

Removed as informed.

You're supposed to remove *sigs* when following up, quoting the minimal
relevant bit what you are replying to *should* be left in.

What follows is a sig:
--
No this is not your signature it is my signature..so there.

Now could you tell us how to do that in Outlook Express?
Not even my fidolook plugin can remove the signature afaik.

[Steve Pugh]

"Richard" <An*******@127.001> wrote:

On Mon, 28 Feb 2005 17:00:18 +0000 Spartanicus wrote:

You're supposed to remove *sigs* when following up, quoting the minimal
relevant bit what you are replying to *should* be left in.

Now could you tell us how to do that in Outlook Express?
Not even my fidolook plugin can remove the signature afaik.

Google for OEquotefix

Steve

--
"My theories appal you, my heresies outrage you,
I never answer letters and you don't like my tie." - The Doctor

Steve Pugh <st***@pugh.net> <http://steve.pugh.net/>