Thema: Untermenuegestaltung?

Hallo,
Mein Projekt HOG nimmt langsam gestallt an und es sind auch schon einige Sachen installiert und schon aktiv. Es geht langsam alles aufs ende zu und hoffe das sie dann letztendlich auf einem Webspace auf Strato oder Allinkl läuft.
Nun kommen wir mal zu meinem Problem das ich schnellstens lösen möchte.
Da ich in meinem Mainmenue auch Unterkategorien, sprich unter Links erstellen möchte, hab ich gemerkt es ist machbar, aber er nimmt keine besonders gute gestallt an! Ich möchte wenigstens den Style des jetztigen menues beibehalten und vielleicht andere Pfeile benutzen fürs untermenü. Wie kann ich dieses Problem lösen?

Vielen Dank SkyX

such mal in der css folgendes:

HTML-Code:

a.sublevel:link

dieser tag ist fürs submenü zuständig

poste mal kurz deinen css-abschnitt fürs main-menu (mainlevel)
dann mach ich dirs schnell

ich hoffe mal das ist es?!

Code:

}

a.mainlevel:link, a.mainlevel:visited {
	font-size: 10px;
	background: url(../images/sc_menu.png) no-repeat;
	font-weight: bold;
	color: #535657;
	font-family: Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	text-align: left;
	padding-left: 15px;
	width: 194px;
}

a.mainlevel:hover {
	text-decoration: none;
	font-weight: bold;
	background-position: 0px -22px;
	color: #ff3300;
}

a.mainlevel#active_menu {
	background-position: 0px -48px;
	color: #000;
}
a.mainlevel#active_menu:hover {
	color: #333;
}

Das Bild bzw den Pfeil als Bild zu ändern is ja kein akt ich seh ja wo es verlinkt wird

genau das ists

versuchs mal hiermit:

HTML-Code:

a.sublevel:link, a.sublevel:visited {
display: block;
background: url(../images/dein_submenu_button.png) no-repeat;
vertical-align: middle;
font-size: 10px;
font-weight: bold;
color: #666666;
text-align: left;
padding-left: 11px;
margin-left: 10px;
line-height: 20px;

allerdings ohne gewähr. bin auch nicht wirklich der css-profi

sollte sich was verschieben oder so einfach mal mit den zahlen (padding, margin, line-height) spielen

gruß

Zitat von Funk-E

genau das ists

versuchs mal hiermit:

HTML-Code:

a.sublevel:link, a.sublevel:visited {
display: block;
background: url(../images/dein_submenu_button.png) no-repeat;
vertical-align: middle;
font-size: 10px;
font-weight: bold;
color: #666666;
text-align: left;
padding-left: 11px;
margin-left: 10px;
line-height: 20px;

allerdings ohne gewähr. bin auch nicht wirklich der css-profi

sollte sich was verschieben oder so einfach mal mit den zahlen (padding, margin, line-height) spielen

gruß

Hat gut geklappt jedoch ist diese grüne oberfläche noch da!!!

Zitat von SkyX

Hat gut geklappt jedoch ist diese grüne oberfläche noch da!!!

Habs gelöst einfach von Mainlevel die unteren css befehle fürs Mainlevel kopieren dan unters sublevel kopieren und dann wo mainlevel steht in sublevel umschreiben!
Vielen Dank
Ein problem ist jedoch ncoh über!
Wie krieg ich den Abstand bisschen geringer?

versuchs mal hiermit und spiel mit dem wert:

HTML-Code:

line-height: 20px;

was anderes fällt mir spontan auch nicht ein


gruß