Good, I guess there are several ways to achieve what
you want. Either use {display: block; float: left;} or
{display: inline;} or frankly leave out the display
property all together since the a tag is by default an
inline element and what is giving your a tags the
button look is your other styles, i.e. the width and
border styles.
My suggestion would be to leave out unnecessary code
where it is not needed.
Elli
--- Cyber Cog <[EMAIL PROTECTED]> wrote:
> Thanks, I got it to work form another email to try
> float:left, seemed to
> work.
> Thanks
>
> On 11/5/07, Elli Vizcaino <[EMAIL PROTECTED]> wrote:
> >
> > Hi,
> >
> > Try changing display: block; to display: inline;
> >
> > Elli
> >
> >
> > --- Cyber Cog <[EMAIL PROTECTED]> wrote:
> >
> > > Hello,
> > > So I'd like to have an a tag that looks like a
> > > button, I do it like this:
> > >
> > > a {
> > > text-decoration: none;
> > > text-align: center;
> > > display: block;
> > > width: 120px;
> > > padding: 2px 3px;
> > > margin: 0 1px;
> > > font-size: 12px;
> > > border-top: 1px solid #CCC;
> > > border-left: 1px solid #CCC;
> > > border-right: 1px solid #666;
> > > border-bottom: 1px solid #666;
> > > }
> > >
> > > link, visited and hover states after this...
> > >
> > > But if I want that look, to line up NEXT to each
> > > other on one line...
> > >
> > > <p><a href="">One</a> <a href="">Two</a> <a
> > > href="">Three</a></p>
> > >
> > > It displays them in a column, not a row.
> > >
> > > Is there a way to get the uniform width and line
> > > them up in a row?
> > >
> > > Thanks
> > >
> >
>
______________________________________________________________________
> > > css-discuss [EMAIL PROTECTED]
> > >
> http://www.css-discuss.org/mailman/listinfo/css-d
> > > List wiki/FAQ -- http://css-discuss.incutio.com/
> > > List policies --
> > > http://css-discuss.org/policies.html
> > > Supported by evolt.org --
> > > http://www.evolt.org/help_support_evolt/
> > >
> >
> >
> > __________________________________________________
> > Do You Yahoo!?
> > Tired of spam? Yahoo! Mail has the best spam
> protection around
> > http://mail.yahoo.com
> >
>
______________________________________________________________________
> css-discuss [EMAIL PROTECTED]
> http://www.css-discuss.org/mailman/listinfo/css-d
> List wiki/FAQ -- http://css-discuss.incutio.com/
> List policies --
> http://css-discuss.org/policies.html
> Supported by evolt.org --
> http://www.evolt.org/help_support_evolt/
>
__________________________________________________
Do You Yahoo!?
Tired of spam? Yahoo! Mail has the best spam protection around
http://mail.yahoo.com
______________________________________________________________________
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
