| 07.07.2014, 19:44 |
Auf diesen Beitrag antworten » |
| 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 |
