:: ClanSphere :: Free OpenSource Clan CMS :: - Forum

Latest 5 Templates

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)

Inaktiv