Registrierung Kalender Mitgliederliste Teammitglieder Suche Häufig gestellte Fragen Zur Startseite

Informatiker Board » Themengebiete » Sonstige Fragen » html/css - Link hover » Hallo Gast [Anmelden|Registrieren]
Letzter Beitrag | Erster ungelesener Beitrag Druckvorschau | An Freund senden | Thema zu Favoriten hinzufügen
Neues Thema erstellen Antwort erstellen
Zum Ende der Seite springen html/css - Link hover
Autor
Beitrag « Vorheriges Thema | Nächstes Thema »
InformaTiger InformaTiger ist männlich
Tripel-As


images/avatars/avatar-77.gif

Dabei seit: 19.02.2013
Beiträge: 228
Herkunft: Südtirol

html/css - Link hover Auf diesen Beitrag antworten Zitatantwort auf diesen Beitrag erstellen Diesen Beitrag editieren/löschen Diesen Beitrag einem Moderator melden       Zum Anfang der Seite springen

Hallo,
ich habe ein Problem mit dem Formatieren der Links in meinem Menü. Die Menüpunkte sollte gleich breit sein wie das Untermenü, nur leider geht das mit meinem Code
code:
1:
2:
3:
4:
#main_menue ul ul li a
{
	width: 13em;
}
nicht. Die sonstige Formatierung des Menüs sieht so aus:
code:
1:
2:
3:
4:
5:
6:
7:
8:
9:
10:
11:
12:
13:
14:
15:
16:
17:
18:
19:
20:
21:
22:
23:
24:
25:
26:
27:
28:
29:
30:
31:
32:
33:
34:
35:
36:
37:
38:
39:
40:
41:
42:
43:
44:
45:
46:
47:
48:
49:
50:
51:
52:
53:
54:
55:
56:
57:
58:
59:
60:
61:
62:
63:
64:
65:
66:
67:
68:
69:
70:
71:
72:
73:
74:
a
{
	font-size: 16px;
	color: #6E6E6E;
	text-decoration: none;
}

[...]

#main_menue
{
	background-color: white;
	height: 2.3em;
	padding-top: 1em;
	position: relative;
	z-index: 5;
}

#main_menue a
{
	text-decoration: none;
	padding: 1em 1.5em 0.97em 1.5em;
}

#main_menue a:hover
{
	background-color: #D8D8D8;
	border-left: solid 1px #EEEEEE;
	border-right: solid 1px #EEEEEE;
}

#main_menue a:active
{
	background-color: #535353;
}

#main_menue ul
{
	margin: 0px;
	padding: 0px;
}

#main_menue li
{
	list-style: none;
	list-style-image: none;
}

#main_menue ul ul
{
	display: none;
	margin-top: 1em;
	position: absolute;
	width: 13em;
}

#main_menue ul li:hover > ul 
{
	display: block;
}

#main_menue ul li 
{
	float: left;
}

#main_menue ul ul li 
{
	float: none;
	background-color: white;
	padding: 1em 0em 1em 0em;
	width: 13em;
}


Im Anhang findet Ihr eine Soll-Ist Situation.
Danke, schon im voraus.

Mfg
InformaTiger

InformaTiger hat diese Bilder (verkleinerte Versionen) angehängt:
ist.jpg soll.jpg



__________________
Why do Java developers wear glasses? Because they can't C#
07.07.2014 19:44 InformaTiger ist offline Beiträge von InformaTiger suchen Nehmen Sie InformaTiger in Ihre Freundesliste auf
Baumstruktur | Brettstruktur
Gehe zu:
Neues Thema erstellen Antwort erstellen
Informatiker Board » Themengebiete » Sonstige Fragen » html/css - Link hover