Re: FN-FORUM: new to css

date posted 30th May 2006 18:15

You got an example online?

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


>
> Hi David,
>
> I thought those values were responsible for the padding on the inside
> of the box? I've lowered them and the text inside the box is touching
> the box border.
>
> Cheers,
>
> John
>
> On 30 May 2006 17:02:10 -0000, david martin
> [EMAIL REMOVED] wrote:
>>
>> 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
>> >
>> >
>> --
>> 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
>>
>>
> --
> 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
>
>