Drat That Pesky Gap!

[pbd22]

Hi.

I have a pesky gap to the right of each of my series of horizontal
tabs on the main nav bar of my site. I have tried a number of margin
and padding tricks (shown below) and can't seem to get rid of them.
please help?

also, while I am at it, could somebody tell me how to add a little
padding below each title in the tab to make the underline (when
hovered above) more obvious? when i try to do this with padding the
tabs extend down below the bottom border line - not the change I am
going for.

Here is the CSS:

div#mastertabsm enu
{
margin: -1px !important; /* for the sexy browsers */
margin: 0px; /* for IE5/Win :*( */
}

div#mastertabsm enu ul {
margin: 0px;
padding: 0px;
display: inline;
list-style-type: none;
}

div#mastertabsm enu ul li {
margin: 0px;
padding: 5px 5px 0px;
border: 1px solid #000;
border-bottom:none;
border-right:none;
list-style-type: none;
font-size:15px;
font-family:Times New Roman;
display: inline;
background-color:#fff;
}

div#mastertabsm enu li a
{
text-decoration:none ;
color:Blue;
}

div#mastertabsm enu li a:hover
{
color:Blue;
text-decoration:unde rline;
}

div#mastertabsm enu li.help {
border: 1px solid #000;
border-bottom:none;
list-style: none;
display: inline;
}


AND HERE IS THE HTML:


<td valign="bottom" style="border-bottom:solid 1px black;">
<div id="mastertabsm enu">
<ul id="masternavli st">
<li><a href="../home.aspx">Home </a></
li>
<li><a href="../
community.aspx" >Community</a></li>
<li><a href="../search.aspx">Se arch
Tools</a></li>
<li class="help"><a href="#nogo">He lp</a></li>
</ul>
</div>
</td>

[Bergamot]

Re: Drat That Pesky Gap!

pbd22 wrote:

>
I have a pesky gap to the right of each of my series of horizontal
tabs on the main nav bar of my site.
>
Here is the CSS:

Don't post code, post a URL

--
Berg

[pbd22]

Re: Drat That Pesky Gap!

On Jun 6, 8:32 pm, Bergamot <berga...@visi. comwrote:

pbd22 wrote:
>

I have a pesky gap to the right of each of my series of horizontal
tabs on the main nav bar of my site.

>

Here is the CSS:

>
Don't post code, post a URL
>
--
Berg

sorry, i am not up just yet.
i guess i'll have to figure it out on my own if that is a deal-
breaker.

[dorayme]

Re: Drat That Pesky Gap!

In article
<1181188460.384 474.128400@h2g2 000hsg.googlegr oups.com>,
pbd22 <dushkin@gmail. comwrote:

On Jun 6, 8:32 pm, Bergamot <berga...@visi. comwrote:

pbd22 wrote:

I have a pesky gap to the right of each of my series of horizontal
tabs on the main nav bar of my site.

Here is the CSS:

Don't post code, post a URL

--
Berg

>
sorry, i am not up just yet.
i guess i'll have to figure it out on my own if that is a deal-
breaker.

Actually, your code snippets did not exactly make clear what it
was you were doing or trying. It is correct in this case that a
URL would get you better help. If I recall, (sheepish admission,
I took a look and messed about for a minute or two, had to change
the doc type to more modern (4.01 Strict) as a quicker way of
removing validation faults even after I supplied the obvious to
your code. Do make up a best shot and rid it of all errors
mentioned by validators as best as you can. What is the deal now?
I am not sure.

--
dorayme

[Andy Dingley]

Re: Drat That Pesky Gap!

On 7 Jun, 04:54, pbd22 <dush...@gmail. comwrote:

i guess i'll have to figure it out on my own if that is a deal-
breaker.

It is. Enjoy.

There's no possible way for any to diagnose that sort of problem from
a fragment, even if we did bother to paste it into our own web space
first. For one thing, it'll depend on the doctype and avoiding "quirks
mode".

[Bergamot]

Re: Drat That Pesky Gap!

pbd22 wrote:

On Jun 6, 8:32 pm, Bergamot <berga...@visi. comwrote:

>>
>Don't post code, post a URL

>
sorry, i am not up just yet.

If you have a local test page, upload that to a publicly available
server so we can all see what you have.

Make it as easy as possible for us to help you, and posting a URL is the
way. If you can't make the effort, why should we?

--
Berg

[pbd22]

Re: Drat That Pesky Gap!

On Jun 7, 4:42 am, Bergamot <berga...@visi. comwrote:

pbd22 wrote:

On Jun 6, 8:32 pm, Bergamot <berga...@visi. comwrote:

>

Don't post code, post a URL

>

sorry, i am not up just yet.

>
If you have a local test page, upload that to a publicly available
server so we can all see what you have.
>
Make it as easy as possible for us to help you, and posting a URL is the
way. If you can't make the effort, why should we?
>
--
Berg

So... what are you all trying to say??

Just kidding. OK, i have captured the screen and posted on
photobucket.

here is the link:

http://s103.photobucket.com/albums/m156/pbd22/?action=view&current=gap.jpg

You will see small spaces in between each tab in the navigation. This
is what I am trying to get rid of. Also, while I am at it, if any of
you have other suggestions about how to make my code available to as
many browsers as possible and what you think might make my nav bar
less plain vanilla and more interesting I would love to hear them.

I have used the W3C validator and once i put this HTML and CSS inside
the master page (this is a .NET control - ascx) it gets a perfect
score.

Thanks for your help.

[pbd22]

Re: Drat That Pesky Gap!

On Jun 7, 9:06 am, pbd22 <dush...@gmail. comwrote:

On Jun 7, 4:42 am, Bergamot <berga...@visi. comwrote:
>

pbd22 wrote:

On Jun 6, 8:32 pm, Bergamot <berga...@visi. comwrote:

>

>Don't post code, post a URL

>

sorry, i am not up just yet.

>

If you have a local test page, upload that to a publicly available
server so we can all see what you have.

>

Make it as easy as possible for us to help you, and posting a URL is the
way. If you can't make the effort, why should we?

>

--
Berg

>
So... what are you all trying to say??
>
Just kidding. OK, i have captured the screen and posted on
photobucket.
>
here is the link:http://s103.photobucket.com/albums/m...iew&current=ga...
>
You will see small spaces in between each tab in the navigation. This
is what I am trying to get rid of. Also, while I am at it, if any of
you have other suggestions about how to make my code available to as
many browsers as possible and what you think might make my nav bar
less plain vanilla and more interesting I would love to hear them.
>
I have used the W3C validator and once i put this HTML and CSS inside
the master page (this is a .NET control - ascx) it gets a perfect
score.
>
Thanks for your help.

In case the above link doesn't work, click here:

<a href="http://photobucket.com " target="_blank" ><img src="http://
i103.photobucke t.com/albums/m156/pbd22/gap.jpg" border="0"
alt="gap">mind the gap</a>

[Andy Dingley]

Re: Drat That Pesky Gap!

On 7 Jun, 17:06, pbd22 <dush...@gmail. comwrote:

OK, i have captured the screen and posted on
photobucket.

Not OK. We asked you to post a URL.
We meant a URL _to_the_HTML_pa ge_, not to a screenshot of it.

It's doubtful that's there anything we can really do to help someone
some wilfully clueless. HAND.

[pbd22]

Re: Drat That Pesky Gap!

On Jun 7, 9:09 am, pbd22 <dush...@gmail. comwrote:

On Jun 7, 9:06 am, pbd22 <dush...@gmail. comwrote:
>
>
>

On Jun 7, 4:42 am, Bergamot <berga...@visi. comwrote:

>

pbd22 wrote:
On Jun 6, 8:32 pm, Bergamot <berga...@visi. comwrote:

>

Don't post code, post a URL

>

sorry, i am not up just yet.

>

If you have a local test page, upload that to a publicly available
server so we can all see what you have.

>

Make it as easy as possible for us to help you, and posting a URL is the
way. If you can't make the effort, why should we?

>

--
Berg

>

So... what are you all trying to say??

>

Just kidding. OK, i have captured the screen and posted on
photobucket.

>

here is the link:http://s103.photobucket.com/albums/m...iew&current=ga...

>

You will see small spaces in between each tab in the navigation. This
is what I am trying to get rid of. Also, while I am at it, if any of
you have other suggestions about how to make my code available to as
many browsers as possible and what you think might make my nav bar
less plain vanilla and more interesting I would love to hear them.

>

I have used the W3C validator and once i put this HTML and CSS inside
the master page (this is a .NET control - ascx) it gets a perfect
score.

>

Thanks for your help.

>
In case the above link doesn't work, click here:
>
<a href="http://photobucket.com " target="_blank" ><img src="http://
i103.photobucke t.com/albums/m156/pbd22/gap.jpg" border="0"
alt="gap">mind the gap</a>

what's with the "one star?"

anyway, i figured this one out on my own - float: left closes
the gap. any suggestions on more interesting nav bar design (than the
look and feel of what i currently have) appreciated otherwise, no more
comments necessary.

[Bergamot]

Re: Drat That Pesky Gap!

pbd22 wrote:

On Jun 7, 4:42 am, Bergamot <berga...@visi. comwrote:

>pbd22 wrote:

On Jun 6, 8:32 pm, Bergamot <berga...@visi. comwrote:

>>

>Don't post code, post a URL

>>

OK, i have captured the screen

<sigh>

See Mr. Dingley's response.

(this is a .NET control - ascx)

That probably explains a lot.

HAND

--
Berg

[pbd22]

Re: Drat That Pesky Gap!

On Jun 7, 10:54 am, Bergamot <berga...@visi. comwrote:

pbd22 wrote:

On Jun 7, 4:42 am, Bergamot <berga...@visi. comwrote:

pbd22 wrote:
On Jun 6, 8:32 pm, Bergamot <berga...@visi. comwrote:

>

Don't post code, post a URL

>

OK, i have captured the screen

>
<sigh>
>
See Mr. Dingley's response.
>

(this is a .NET control - ascx)

>
That probably explains a lot.
>
HAND
>
--
Berg

I am an engineer, not a designer.
Regardless, I have figured this one out on my own.
Guys - this is design, not rocket science... relax.

[dorayme]

Re: Drat That Pesky Gap!

In article
<1181236768.341 013.223100@p47g 2000hsd.googleg roups.com>,
Andy Dingley <dingbat@codesm iths.comwrote:

On 7 Jun, 17:06, pbd22 <dush...@gmail. comwrote:
>

OK, i have captured the screen and posted on
photobucket.

>
Not OK. We asked you to post a URL.
We meant a URL _to_the_HTML_pa ge_, not to a screenshot of it.
>
It's doubtful that's there anything we can really do to help someone
some wilfully clueless. HAND.

Andy, that HAND is the same hand that signed the pledge! I have
it here in front of me with your signature. My men stumbled on it
when they were sorting out a little problem in Europe to do with
Luigi. It was a pledge to be nice to newbies and hold fire for a
decent amount of time. It has a Welsh wax seal on it and all
that, very impressive. Tut tut!

--
dorayme

[dorayme]

Re: Drat That Pesky Gap!

In article <5cqv3aF31l16eU 1@mid.individua l.net>,
Bergamot <bergamot@visi. comwrote:

pbd22 wrote:

On Jun 7, 4:42 am, Bergamot <berga...@visi. comwrote:

pbd22 wrote:
On Jun 6, 8:32 pm, Bergamot <berga...@visi. comwrote:
>
Don't post code, post a URL
>

OK, i have captured the screen

>
<sigh>
>
See Mr. Dingley's response.
>

(this is a .NET control - ascx)

>
That probably explains a lot.
>
HAND

Yeah well, you chiming in to do a bit of ungentlemanly kicking
does not surprise me a bit. You never signed any pledge.

--
dorayme