[thelist] table-less?

[Kostal Design | Sebastian Kostal]

Maybe you could just use the good, old spacer image trick. Add a transparent
gif underneath the menu and set it to the width of how wide the menu is
going to be. Not the most elegant solution, but it might work - haven't
tried it with CSS though

> I'm trying to re-design my site using a table-less layout with CSS. I have a
> horizontal menu which contains 5 url's in a div 'back to back', styled by
> .menubartext
> as below. I am trying to use a 100% width on the .menubar class, but the urls
> fold
> round when the browser size can't accommodate the width. So I used 1280px as
> the
> width, but this means a horizontal scrollbar is always present. Can anyone
> suggest a better way of doing this please? I'd hate to have to resort to
> tables
> now!
>
> ie: <div class="menubar"><a href="foo" class="menubartext>url1</a>  <a
> href="foo2" class="menubartext>url2</a>(.....etc)</div</div>
>
> .menubar {
>       background-image: url(images/menubarslice.gif);
>       background-repeat: repeat-x;
>       width: 1280px;
> }
> .menubartext {
>       color: #00F;
>       font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
>       font-size: 11px;
>       margin-left: 15px;
>       margin-right: 50px;  /* space between urls */
>       text-decoration: none;
> }
>