Posted by dorayme on 09/24/07 22:49

In article <1vqnchxkre6hh.dlg@ID-104726.news.individual.net>,
Jim S <jim@jimXscott.co.uk> wrote:

> On this site www.jimscott.co.uk I use CSS to make my buttons. The trouble
> is that the number of characters determines the size of the button.
> I would like to make 'active' buttons on this site www.priorysingers.org.uk
> in the grey button section moving me from page to page. That is; I would
> like the button to be the same size whatever the text (of course assuming
> the text is not to big)
> OR am I confined to using graphics?
> Maybe javascript would do it, but I've never ventured there :o?

Hi Jim again,

If you were keen to do the minimum, you could try these changes:


div.buttons {

border: 2px outset #E8E8E8;
background: #E8E8E8;
color: black;
width: 400px;
margin: auto;
text-align: center;
}


a.button_links:link {

background: #E8E8E8;
color: black;
text-decoration: none;
font-family: Arial, Helvetica, sans-serif;
font-size: small;
font-weight: normal;
}


(I leave the visited etc to you)

and in the relevant html:

<div class="buttons">
<a class="button_links" href="bells/index.html">CHRIST
CHURCH BELLRINGERS' WEBSITE</a></div>


<div class="buttons">
<a
class="button_links"href="Other_picture_sites/morephotos.html">OTH
ER LOCAL AREA PHOTO SITES</a></div>

(There is trouble with your design and mark up, but I know from
before that you seek very practical help. BTW, Jim, I have a very
good friend who rings bells in Sydney and wherever she goes in
the world it is quite a community.)

--
dorayme

[Back to original message]