[svenner90]

Guten Morgen...

Ich habe gerad versucht auf meiner Homepage das Menü mit Hintergrundbildern zu verschönern.
Allerdings wird das jetzt nicht mehr richtig dargestellt.

1. Um die Bilder ist ein lila Rand, den ich gerne weghaben möchte.
2. Die Bilder sind "komisch" versetzt.
Hier ein Bild, so wie ich das Menu gerne haben würde(Mit Paint so bearbeitet.) :
http://www.svennergr...winfut/menu.JPG

Und hier einmal der CSS-Code. Achtung! Ich hab ein paar Sachen in Kommentare gesetzt...nicht übersehen

body,td,th
{
	font-family:Arial, Helvetica, sans-serif;
	font-size:medium;
	color:silver;
}

body
{
	background-color:#000;
	behavior:url(csshover.htc);
}

h1
{
	color:#AAA;
	border-bottom:1px solid;
	margin-bottom:0;
}

#unten
{
	border:1px double grey;
	border-top:2px double grey;
	margin:5px;
	padding:4px;
}

#unten a
{
	font-size:13px;
}

#main
{
	color:#CCC;
	margin-left:7em;
	margin-right:15em;
	border-left:1px solid;
	padding:1px 0 1px 5%;
}

div#nav
{
	float:left;
	width:7em;
	height:3em;
	background:#000;
	margin:-1px 0 0 -1px;
}

div#nav ul
{
	width:7em;
	height:3em;
	background:#000;
	border:1px solid silver;
	margin:0;
	padding:0;
}

div#nav li
{
	position:relative;
	list-style:none;
	background:#000;
	border-bottom:1px solid silver;
	margin:0;
}

/* div#nav li:hover
{
	background:#EBB;
} */

div#nav li.submenu
{
	background:url(submenu.gif) 95% 50% no-repeat;
}

/* div#nav li.submenu:hover
{
	background-color:#EBB;
}

div#nav li a
{
	display:block;
	text-decoration:none;
	width:6.5em;
	height:3em;
	padding:0.25em 0 0.25em 0.5em;
}

div#nav>ul a
{
	width:auto;
} */

div#nav ul ul
{
	position:absolute;
	top:0;
	left:7em;
	display:none;
}

div#nav ul.level1 li.submenu:hover ul.level2,div#nav ul.level2 li.submenu:hover ul.level3
{
	display:block;
}

Dieser Beitrag wurde von svenner90 bearbeitet: 07. Januar 2007 - 01:52

[Witi]

1. Machst du bitte mal den Screenshot kleiner (in img-Tags).
2. Kannst du einen neuen Screenshot machen, in dem das Programm, welches in Deutschland verboten ist, nicht zu sehen ist.

Folgende Zeile sollte wegen deines Borderproblems ausreichen:

img { border: 0 }

Code sollte selbsterklärend sein.
Das könnte ggf. auch schon dein "Versetzungsproblem" lösen-

[svenner90]

Oha so simple...ja hat alles geklappt dadurch. Vielen Dank.