Demo
Probiere ClanSphere aus und teste daran herum.
Demo
Spenden
ClanSphere ist freie OpenSource Software.
Bitte unterstützt uns.
Spenden
Antworten: 2
Seite [1] |
Tress13
Highlander
Herkunft: Lüdenscheid
Beiträge: 3048 |
# Thema - 20.01.2011 um 23:32 Uhr
Ich versuche mich gerade an einer Dropdown Navigation, jedoch bekomme ich die Subnavi nicht so hin, dass sie komplett sichtbar ist. Ich hatte das dann mal mit overflow:visible versucht, jedoch tut sich da nichts. Weiss vlt jemand Rat ?
html...
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.
| 1. / 2. / ...
<div id="navleiste">
<ul id="navi">
<li class="navi_home">
<ul>
<li><a href="{url:news_recent}" class="wlink">Startseite</a></li>
<li><a href="{url:gbook}" class="wlink">Gbook</a></li>
<li><a href="{url:board}" class="wlink">Forum</a></li>
<li><a href="{url:articles}" class="wlink">Artikel</a></li>
<li><a href="{url:news_list}" class="wlink">News-Archiv</a></li>
<li><a href="{url:votes}" class="wlink">Umfragen</a></li>
<li><a href="{url:search}" class="wlink">Search</a></li>
</ul>
</li>
<li class="navi_clan">
<ul>
<li><a href="{url:squads}" class="wlink">Squads</a></li>
<li><a href="{url:members}" class="wlink">Members</a></li>
<li><a href="{url:users}" class="wlink">Community</a></li>
<li><a href="{url:rules_list}" class="wlink">Regeln</a></li>
<li><a href="{url:history_list}" class="wlink">History</a></li>
</ul>
</li>
<li class="navi_gaming">
<ul>
<li><a href="{url:games}" class="wlink">Games</a></li>
<li><a href="{url:maps}" class="wlink">Karten</a></li>
<li><a href="{url:events_agenda}" class="wlink">Events</a></li>
<li><a href="{url:wars_list}" class="wlink">Clanwars</a></li>
<li><a href="{url:cups}" class="wlink">Cups</a></li>
<li><a href="{url:awards_list}" class="wlink">Awards</a></li>
<li><a href="{url:clans}" class="wlink">Clan-Archiv</a></li>
</ul>
</li>
<li class="navi_extras">
<ul>
<li><a href="{url:gallery_list}" class="wlink">Galerie</a></li>
<li><a href="{url:files}" class="wlink">Downloads</a></li>
<li><a href="{url:links}" class="wlink">Links</a></li>
<li><a href="{url:partner}" class="wlink">Partner</a></li>
<li><a href="{url:faq}" class="wlink">FAQ's</a></li>
</ul>
</li>
</ul>
</div>
|
css...
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.
| 1. / 2. / ...
a.wlink, a.wlink:visited, a.wlink:active {
color: #fff;
text-decoration: none;
font-weight: normal;
padding: 3px 50px 3px 20px;
display: block;
}
a.wlink:hover {color: #777;}
#navleiste{
background-image: url('Bilder/Navigation/navleiste.jpg');
width: 1000px;
height: 61px;
float: left;
padding-top: 9px;
}
#navi, #navi ul {
list-style-type:none;
margin:0;
padding:0;
}
#navi li ul {
display:none;
margin-top: 30px;
text-align: left;
}
#navi li:hover ul {
display:block;
}
#navi li {
width:169px;
float:left;
}
.navi_home {
width: 169px;
height: 35px;
float: left;
margin-left: 20px;
}
.navi_clan,.navi_gaming,.navi_extras {
width: 169px;
height: 35px;
float: left;
margin-left: 10px;
}
.navi_home:hover {
background: url('Bilder/Navigation/home_hover.png');
}
.navi_clan:hover {
background: url('Bilder/Navigation/clan_hover.png');
}
.navi_gaming:hover {
background: url('Bilder/Navigation/gaming_hover.png');
}
.navi_extras:hover {
background: url('Bilder/Navigation/extras_hover.png');
}
|
Achso hier noch der Link zur Page:
http://www.tressdesignz.de/liveview/3designz07.php
------------------
www.iv-gaming.de | www.iv-artwork.de
Zuletzt editiert von Tress13 am 20.01.2011 um 23:36 Uhr (2x Editiert)
|
|
|
|
beastmaster
Wannabe poster
Beiträge: 29 |
# Antwort: 1 - 21.01.2011 um 00:17 Uhr
versuch es mal mit css position:relative;z-index:10; wenn du das menü in ein object packst sollte das kein prob sein...
|
|
| |
|
Dieses Thema wurde von TeQu!La geschlossen.
|
Antworten: 2
Seite [1] |