Warum immer dieser Mindestabstand zwischen den Buchstaben?

[J1M1]

Morgen!
http://meetpoint.me.funpic.de/test.htm


Ich versuche Button-Bilder untereinander zu reihen, doch warum ist da immer dieser Abstand von ungefähr 2px?

Wie ihr vielleicht im Quelltext sehen könnt, habe ich es schon mit "hspace="0"" schon probiert.

Außerdem ist da dieser kleine graue Strich rechts.

Ich habe schon lange überlegt, komme aber nicht darauf.

MfG J!M!

 

[Gumbo]

Probier mal Folgendes:

<ul id="nav">
	<li><a href="index.php">Eintrag 1</a></li>
	<li><a href="index.php">Eintrag 2</a></li>
	<li><a href="index.php">Eintrag 3</a></li>
	<li><a href="index.php">Eintrag 4</a></li>
	<li><a href="index.php">Eintrag 5</a></li>
	<li><a href="index.php">Eintrag 6</a></li>
	<li><a href="index.php">Eintrag 7</a></li>
	<li><a href="index.php">Eintrag 7</a></li>
</ul>

ul#nav {
	margin:           0;
	padding:          138px 0 0 95px;
	width:            218px;
	height:           212px;
	list-style:       none;
	background-image: url(navi_web.png);
}
ul#nav li a {
	display:          block;
	width:            125px;
	height:           16px;
	font-size:        14px;
	line-height:      16px;
	color:            #fff;
	text-decoration:  none;
	background-image: url(button.jpg);
}
ul#nav li a:hover {
	background-image: url(button_over.jpg);
}

Der Internet Explorer wird bestimmt mal wieder eine Extrawurst benötigen.

 

[J1M1]

Der Internet Explorer wird bestimmt mal wieder eine Extrawurst benötigen

Das ist ja der Haken...

Ich zweifle nicht daran, dass der Code den du mir gegeben hast bestimmt klappt.

Ich habe habe mir bloß erst gar nicht die Mühe gemacht ihn auszuprobieren, weil ich mir schon denken kann dass das ganze unter dem IE nur mit JS funktionieren kann.

MfG J!M!

 

[Maik]

Mit Hilfe des Star-HTML-Hacks lässt sich für den IE (s)eine Extrawurst braten

ul#nav {
        margin:           0;
        padding:          138px 0 0 95px;
        width:            218px;
        height:           212px;
        list-style:       none;
        background-image: url(navi_web.png);
}
ul#nav li a {
        display:          block;
        width:            125px;
        height:           16px;
        font-size:        14px;
        line-height:      16px;
        color:            #fff;
        text-decoration:  none;
        background-image: url(button.jpg);
}
* html ul#nav li a {
margin-top: -2px;
}
ul#nav li a:hover {
        background-image: url(button_over.jpg);
}