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

Antworten: 3
Seite [1]
Pornflakes


Rock the board





Beiträge: 97
# Thema - 03.06.2011 um 14:22 Uhr
Hey!

Ich bastel mir derzeit ne neue HP. Jetzt hab ich aber das Problem, dass mir mein Flyout Menu den Inhalt verschiebt. Und wenn ich dem Inhalt sage position:absolute; dann legt sich das flyout hinter den Inhalt

Hier der Link: http://nga-clan.tk/index.php?mod=clansphere&action=temp_list&template=test

Wie kann ich das am besten lösen?


------------------
Inaktiv
Tress13


Highlander




Herkunft: Lüdenscheid
Beiträge: 3048
# Antwort: 1 - 03.06.2011 um 14:32 Uhr
Also ich habe so ein Dropdown-Menü folgender massen gelöst:

index.htm
 
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.
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}" 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}" class="wlink">Regeln</a></li>
        <
li><a href="{url:history}" 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}" class="wlink">Clanwars</a></li>
        <
li><a href="{url:awards}" 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}" 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:replays}" class="wlink">Wiederholungen</a></li>
      </
ul
     </
li>
     <
li class="navi_kontakt">
      <
ul
          <
li><a href="{url:fightus_new}" class="wlink">Fight us</a></li>
        <
li><a href="{url:joinus_new}" class="wlink">Join us</a></li>
        <
li><a href="{url:linkus}" class="wlink">Link us</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>


layout.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.
68.
69.
70.
71.
72.
73.
74.
75.
76.
77.
1. / 2. / ... 
 
/* START Navigationsleiste */

a.wlinka.wlink:visiteda.wlink:active {
  
backgroundurl('Bilder/Navigation/dropdown_bg.png');
  
color#fff;
  
text-decorationnone;
  
font-weightnormal;
  
padding6px 0 6px 20px;
  
displayblock;
}

a.wlink:hover {color#777;}

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

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

#navi li ul {               /* Normalzustand eingeklappt */
   
display:none;
   
margin-top36px;
   
text-alignleft;
}
#navi li:hover ul {         /* Ausgeklappt */
   
display:block;
}
  
#navi li {
   
width:169px;
   
float:left;
}

.
navi_home {
  
width169px;
  
height36px;
  
floatleft;
  
margin-left35px;
}

.
navi_clan,.navi_gaming,.navi_extras,.navi_kontakt {
  
width169px;
  
height36px;
  
floatleft;
  
margin-left20px;
}

.
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');
}
.
navi_kontakt:hover {
  
backgroundurl('Bilder/Navigation/kontakt_hover.png');
}

/* ENDE Navigationsleiste */



Vlt hilft dir das ja irgendwie weiter.


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


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

Inaktiv
|
sgraewe ClanSphere Team

Supporter
Supporter




Beiträge: 6116
# Antwort: 2 - 03.06.2011 um 14:35 Uhr
z-index höher stellen


Inaktiv
|
Pornflakes
Thread-Ersteller


Rock the board





Beiträge: 97
# Antwort: 3 - 03.06.2011 um 14:51 Uhr
equaL darf ich dich mal was fragen? HAST DU IWIE MAGISCHE KRÄFTE ODER SO?! xDD das hatte ich schonmal versucht aber jetzt hats geklappt also vielen dank


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


Inaktiv
|
Antworten: 3
Seite [1]


Sie müssen sich registrieren, um zu antworten.


ClanSphere Project - Mailus - Imprint - Disclaimer - Scriptinfo