I have two rows of buttons, if the browser window is not wide enough, they
move onto multiple lines, which I do not want. Aside from putting them in a
table, is there some way to make them not fall onto more than one line?
They are just hrefs with a class set to them, so like this:
<a href="das" TARGET="under" class="topLinks">1</a>
<a href="das" TARGET="under" class="topLinks">2</a>
<a href="das" TARGET="under" class="topLinks">3</a>
<br clear="all">
<a href="das" TARGET="under" class="topLinks">4</a>
<a href="das" TARGET="under" class="topLinks">5</a>
<a href="das" TARGET="under" class="topLinks">6</a>
Here is my css:
a.topLinks {
font-size: 11px;
padding: 4px 8px;
border-top: 1px solid white;
border-right: 1px solid black;
border-bottom: 1px solid black;
border-left: 1px solid white;
text-align: center;
float: left;
}
a.topLinks:link {
background-color: #CCC;
color: #000;
text-decoration: none;
}
a.topLinks:visited {
background-color: #CCC;
color: #000;
text-decoration: none;
}
a.topLinks:hover {
background-color: #CCC;
color: red;
border-color: black white white black;
text-decoration: none;
}
a.topLinks:active {
background-color: #AAA;
color: #000;
text-decoration: none;
}
--
-------------------------------------------------------------
Scott Haneda Tel: 415.898.2602
<http://www.newgeo.com> Novato, CA U.S.A.
______________________________________________________________________
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
