Re: FN-FORUM: new to css

date posted 30th May 2006 16:59

im guessing this is the bit creating the "padding" around the text just try
lowing the values:

> #navlist a
> {
> padding: 2px 4px 2px 4px;
> border: 1px solid #000000;
> background-color: #FFFFFF;
> color: 0000000;
> font-family: Verdana, Tahoma, Arial; font-size: 11px;
> font-weight: bold; }

----- Original Message -----
From: "John Groves" [EMAIL REMOVED]
To: [EMAIL REMOVED]
Sent: Tuesday, May 30, 2006 3:29 PM
Subject: Re: FN-FORUM: new to css


>
> Hi All,
>
> A while ago I asked for some help on CSS and the help you gave me
> worked a treat, but I've got a spacing issue.
>
> I have used the following code for my buttons:
>
> #navlist ul
> {
> white-space: nowrap;
> padding: 0;
> }
>
> #navlist li
> {
> display: table-cell;
> list-style-type: none;
> }
>
> #navlist a
> {
> padding: 2px 4px 2px 4px;
> border: 1px solid #000000;
> background-color: #FFFFFF;
> color: 0000000;
> font-family: Verdana, Tahoma, Arial; font-size: 11px;
> font-weight: bold; }
>
> #navlist a:link, #navlist a:visited
> {
> color: #000000;
> text-decoration: none;
> }
>
> #navlist a:hover
> {
> border: 1px solid #000000;
> background-color: #ADADAD;
> font-family: Verdana, Tahoma, Arial; font-size: 11px;
> font-weight: bold; color: #FFFFFF;
> }
>
>
> #active a:link, #active a:visited, #active a:hover
> {
> align: centre;
> border: 1px solid #000000;
> background-color: #0AA2CC;
> color: #FFFFFF;
> font-family: Verdana, Tahoma, Arial; font-size: 11px;
> font-weight: bold; }
>
> and the code where my buttons are displayed is here:
>
>
>
> Page 1
> Page 2
> Page 3
> Page 4
> Page 5
> Page 6
>
>
>
> The problem I am having is the amount space shown around the .
> I've embedded the div in a box but the spacing around the buttons is
> huge.
>
> Can anyone tell me how I set the spacing around my buttons please?
>
> Cheers,
>
> John
>
> --
> Freelancers, contractors earn more with Prosperity4
> Call 0870 870 4414 or visit www.prosperity4.com
> and benefit from Inland Revenue approved expenses today.
>
> To advertise here: http://www.freelancers.net/advertising.html
>
>