Unwanted space in navigation bars..

[utomjording_@hotmail.com]

I'm sure this has been covered before - but I've been trying all sorts
of suggestions I've read with no joy.

http://polaroid-diaries.co.uk//whatabout2night/hotproperty/

The navigation bar (shown on the page linked above) which I created in
dreamweaver sits on the same line fine, but with the extra gaps
inbetween the images with links.

Is there any way I can get rid of these..
css file can be veiwed http://polaroid-diaries.co.uk//whata...erty/style.css
with the relevant styles under navBar heading

I hope someone can help as I've been staring at this for ages!! hehe.
Many thanks in advance

Gemma

[Bergamot]

Re: Unwanted space in navigation bars..

utomjording_@ho tmail.com wrote:

>

http://polaroid-diaries.co.uk//whatabout2night/hotproperty/

The navigation bar (shown on the page linked above) which I created in
dreamweaver sits on the same line fine, but with the extra gaps
inbetween the images with links.

You have a worse problem. Your chosen font size is way too small. Have a
look at the page in Firefox, with text zoomed up a couple points. The
layout in that top section doesn't fare too well. I suspect problems in
other parts of the site, too, but didn't bother going past this first page.

--
Berg

[utomjording_@hotmail.com]

Re: Unwanted space in navigation bars..

ok fair point, however not my question.

the site is still in progress and at the moment i'm working on the
navbar.. so if anyone can help me with this part then I would greatly
appreciate it.

other parts of the site, too, but didn't bother going past this first page.

and so far there is only one page...

thanks
Gem

[JD]

Re: Unwanted space in navigation bars..

utomjording_@ho tmail.com wrote:

I'm sure this has been covered before - but I've been trying all sorts
of suggestions I've read with no joy.
>

http://polaroid-diaries.co.uk//whatabout2night/hotproperty/

The navigation bar (shown on the page linked above) which I created in
dreamweaver sits on the same line fine, but with the extra gaps
inbetween the images with links.
>
Is there any way I can get rid of these..
css file can be veiwed http://polaroid-diaries.co.uk//whata...erty/style.css
with the relevant styles under navBar heading
>
I hope someone can help as I've been staring at this for ages!! hehe.
Many thanks in advance

Your stylesheet has the following:

a{
display: block;
padding: 5px 0px 5px 10px;
color: #993333;
}

which is adding 10 pixel padding to the left of your nav buttons.

[utomjording_@hotmail.com]

Re: Unwanted space in navigation bars..

On Jun 13, 11:11 pm, JD <u...@example.n etwrote:

utomjordi...@ho tmail.com wrote:

I'm sure this has been covered before - but I've been trying all sorts
of suggestions I've read with no joy.

>

http://polaroid-diaries.co.uk//whatabout2night/hotproperty/

The navigation bar (shown on the page linked above) which I created in
dreamweaver sits on the same line fine, but with the extra gaps
inbetween the images with links.

>

Is there any way I can get rid of these..
css file can be veiwedhttp://polaroid-diaries.co.uk//whatabout2night/hotproperty/style.css
with the relevant styles under navBar heading

>

I hope someone can help as I've been staring at this for ages!! hehe.
Many thanks in advance

>
Your stylesheet has the following:
>
a{
display: block;
padding: 5px 0px 5px 10px;
color: #993333;
>
}
>
which is adding 10 pixel padding to the left of your nav buttons.

ouch, now there's a mishap. I knew it was going to be something so
simple I was missing. I'll give that a go - and many many thanks. You
have saved me a night of heart ache!!

Gem

[utomjording_@hotmail.com]

Re: Unwanted space in navigation bars..

Legend, it's done the trick.
I do rightly feel a little sheepish, hehe.

Thanks again

Gem

[Jonathan N. Little]

Re: Unwanted space in navigation bars..

utomjording_@ho tmail.com wrote:

On Jun 13, 11:11 pm, JD <u...@example.n etwrote:

> padding: 5px 0px 5px 10px;

To remember shortcut properties that describe the block value go
clockwise from the top so:

padding: /top/ /right/ /bottom/ /left/;

--
Take care,

Jonathan
-------------------
LITTLE WORKS STUDIO

http://www.LittleWorksStudio.com