You are here: Re: Help needed with css button « HTML « IT news, forums, messages
Re: Help needed with css button

Posted by Jim S on 09/25/07 19:30

On Tue, 25 Sep 2007 14:22:41 -0400, Jonathan N. Little wrote:

> Jim S wrote:
>> OK I'm nearly there.
>> Using a different stylesheets for one-line and two-line buttons I have
>> got to this http://priorysingers.org.uk/testingIndex_1.html
>> It works fine in IE, but not in Firefox or Opera.
>
> Well I would avoid "position: absolute" if I were you, can get you into
> trouble. Personally your links are in a list so I would use a list!
> You just set their width and if your want the links centered vertically
> you can tweak the single line links...
>
> <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
> "http://www.w3.org/TR/html4/strict.dtd">
> <html>
> <head>
> <meta http-equiv="content-type" content="text/html; charset=iso-8859-1">
> <meta http-equiv="content-language" content="en-us">
> <title>template</title>
>
> <style type="text/css">
>
> ul.buttonbar {
> font: .8em/1.4 sans-serif; list-style: none; width: 8em;
> }
> ul.buttonbar li {
> margin: 1px; height: 3em; background-color: #ccc;
> border: 3px outset #ccc;
> }
> ul.buttonbar a {
> display: block; text-align: center; text-decoration: none;
> }
> /* tweak the single lines links */
> ul.buttonbar a.singles { margin-top: .65em; }
>
> </style>
>
> </head>
> <body>
> <ul class="buttonbar">
> <li><a class="singles"href="#">Home</a></li>
> <li><a class="singles" href="#">About Us</a></li>
> <li><a href="#">Current Programme</a></li>
> <li><a href="#">Contacts &amp; Information</a></li>
> <li><a href="#">Become a Patron</a></li>
> <li><a href="#">Past Performances</a></li>
> <li><a class="singles" href="#">About our Area</a></li>
> </ul>
>
> </body>
> </html>

Mm. Tried that here http://priorysingers.org.uk/testingIndex.html
I reality I'm just back where I started,except the borders seem bevelled in
Firefox when they didn't before.
I still mean to get to moving buttons.
--
Jim S
Tyneside UK
www.jimscott.co.uk

 

Navigation:

[Reply to this message]


Удаленная работа для программистов  •  Как заработать на Google AdSense  •  England, UK  •  статьи на английском  •  PHP MySQL CMS Apache Oscommerce  •  Online Business Knowledge Base  •  DVD MP3 AVI MP4 players codecs conversion help
Home  •  Search  •  Site Map  •  Set as Homepage  •  Add to Favourites

Copyright © 2005-2006 Powered by Custom PHP Programming

Сайт изготовлен в Студии Валентина Петручека
изготовление и поддержка веб-сайтов, разработка программного обеспечения, поисковая оптимизация