News - Features - Downloads - Forum - Team - Support - Switch View: Screen
Login - Registrierung - Passwort vergessen

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
.wlinka.wlink:visiteda.wlink:active {
  
color#fff;
  
text-decorationnone;
  
font-weightnormal;
  
padding3px 50px 3px 20px;
  
displayblock;
}

a.wlink:hover {color#777;}

#navleiste{
  
background-imageurl('Bilder/Navigation/navleiste.jpg');
  
width1000px;
  
height61px;
  
floatleft;
  
padding-top9px;
}

#navi, #navi ul  {
   
list-style-type:none;
   
margin:0;
   
padding:0;
}

#navi li ul {
   
display:none;
   
margin-top30px;
   
text-alignleft;
}

#navi li:hover ul {
   
display:block;
}
  
#navi li {
   
width:169px;
   
float:left;
}

.
navi_home {
  
width169px;
  
height35px;
  
floatleft;
  
margin-left20px;
}

.
navi_clan,.navi_gaming,.navi_extras {
  
width169px;
  
height35px;
  
floatleft;
  
margin-left10px;
}

.
navi_home:hover {
  
backgroundurl('Bilder/Navigation/home_hover.png');
}
.
navi_clan:hover {
  
backgroundurl('Bilder/Navigation/clan_hover.png');
}
.
navi_gaming:hover {
  
backgroundurl('Bilder/Navigation/gaming_hover.png');
}
.
navi_extras:hover {
  
backgroundurl('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
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...


Inaktiv
|
Tress13
Thread-Ersteller


Highlander




Herkunft: Lüdenscheid
Beiträge: 3048
# Antwort: 2 - 21.01.2011 um 05:17 Uhr
Position:relative fehlte mir.
Hab dank.





------------------


www.iv-gaming.de | www.iv-artwork.de

Inaktiv
|

Dieses Thema wurde von TeQu!La ClanSphere Team PM geschlossen.

Antworten: 2
Seite [1]




ClanSphere Project - Mailus - Imprint - Disclaimer - Scriptinfo