✔ background-color: - PROBLEM

[fabi9the9real]

Hallo!

habe hier mal ein menü programmiert, dass so ähnlich sein soll wie das auf tutorials.de.
Die Farben usw... stimmen schon, nur das einzigste Problem dass ich habe, ist, dass ich es nicht hinbekomme, dass zwischen der "HOME"-Backgroundcolor und dem Tabellenrand kein zwischenraum sein soll, und das selbe auch unten zwischen Kontakt und dem Tabellenrand.

Hier könnt ihr euch die Navigation mal anschauen:
http://www.fabi-the-real.de/frameset/index.htm

Könnt ihr mir da bitte weiterhelfen, ich wär euch sehr dankbar!

greetz,

Fabi

 

[Gumbo]

Probier mal Folgendes:

<div class="box">
	<h3 class="box-heading">Navigation</h3>
	<ul class="box-menu">
		<li><a href="/" target="mainframe">Home<span>»</span></a></li>
		<li><a href="/board/" target="mainframe">Board<span>»</span></a></li>
		<li><a href="/chat/" target="mainframe">Chat<span>»</span></a></li>
		<li><a href="/guestbook/" target="mainframe">Gästebuch<span>»</span></a></li>
		<li><a href="/galerie/" target="mainframe">Galerie<span>»</span></a></li>
		<li><a href="/html/tuning.php" target="mainframe">Tuning<span>»</span></a></li>
		<li><a href="/html/links.php" target="mainframe">Links<span>»</span></a></li>
		<li><a href="" target="mainframe">Wetter<span>»</span></a></li>
		<li><a href="/html/kontakt.php" target="mainframe">Kontakt<span>»</span></a></li>
	</ul>
</div>

.box {
	width:			144px;
	padding-bottom:		8px;
	background:		url(http://www.fabi-the-real.de/frameset/images/menuebottom.gif) no-repeat 100% 100%;
}
.box-heading {
	height:			18px;
	margin:			0;
	padding-left:		36px;
	font-size:		14px;
	line-height:		16px;
	color:			#fff;
	background:		url(http://www.fabi-the-real.de/frameset/images/menuekopf.gif) no-repeat;
}
.box-menu {
	margin:			0;
	padding:		0;
	list-style:		none;
	background:		url(http://www.fabi-the-real.de/frameset/images/menuebg.gif) repeat-y;
}
.box-menu a {
	display:		block;
	position:		relative;
}
.box-menu a span {
	position:		absolute;
	top:			0;
	right:			5px;
	visibility:		hidden;
}
.box-menu a:link,
.box-menu a:visited {
	padding-left:		18px;
	color:			#000;
	background:		url(http://www.fabi-the-real.de/frameset/images/icon2.gif) no-repeat 5px 50%;
	text-decoration:	none;
}
.box-menu a:hover {
	color:			#9c0;
	background-color:	#369;
}
.box-menu a:hover span {
	visibility:		visible;
}

 

[fabi9the9real]

vielen dank, das hat mir schon sehr geholfen !

Nur ein Problem gibts noch. Wie kann ich den vertikalen Abstand der Links auf NULL setzen, sodass sie direkt aneinander anliegen?

Hier mal ein screenshot von der jetzigen situation:

http://www.fabi-the-real.de/screen1.png

thx

 

[Gumbo]

Verdammter nerviger Internet Explorer mit seinen Unmengen an Macken und Fehlinterpretationen:

* html .box-menu a {
	width:			126px;
}

Entschuldige bitte meinen ausfälligen Ton.

 

[fabi9the9real]

ja danke für deine Hilfe, jetzt funktioniert es... *freu*

greetz and thx,

Fabi