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

Informatiker Board » Themengebiete » Sonstige Fragen » html/css - Link hover » Antwort erstellen » Hallo Gast [Anmelden|Registrieren]

Antwort erstellen
Benutzername: (du bist nicht eingeloggt!)
Thema:
Nachricht:

HTML ist nicht erlaubt
BBCode ist erlaubt
Smilies sind erlaubt
Bilder sind erlaubt

Smilies: 21 von 33
smileWinkDaumen hoch
verwirrtAugenzwinkerngeschockt
Mit ZungeGottunglücklich
Forum Kloppebösegroßes Grinsen
TanzentraurigProst
TeufelSpamWillkommen
LehrerLOL HammerZunge raus
Hilfe 
aktuellen Tag schließen
alle Tags schließen
fettgedruckter Textkursiver Textunterstrichener Text zentrierter Text Hyperlink einfügenE-Mail-Adresse einfügenBild einfügen Zitat einfügenListe erstellen CODE einfügenPHP CODE farbig hervorheben
Spamschutz:
Text aus Bild eingeben
Spamschutz

Der letzte Beitrag
InformaTiger html/css - Link hover

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