On 11/5/07, Elli Vizcaino <[EMAIL PROTECTED]> wrote:
>
> 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
>
I'm heading out now, but I'll play with this a bit when I get back.
Thank you!
______________________________________________________________________
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/