Gegen Bilderklau - Das Original (https://www.gegen-bilderklau.net/index.php)
- Design, Website, Copyright (https://www.gegen-bilderklau.net/board.php?boardid=80)
--- Homepagehilfe (https://www.gegen-bilderklau.net/board.php?boardid=27)
---- Homepagehilfe - Archiv (https://www.gegen-bilderklau.net/board.php?boardid=139)
----- [CSS] Dropdown Menu alles gecodet aber geht nicht | Wer kann Helfen (https://www.gegen-bilderklau.net/thread.php?threadid=161739)


Geschrieben von Baby cat am 10.09.2009 um 17:28:

  Dropdown Menu alles gecodet aber geht nicht | Wer kann Helfen

Hallo Liebe GB'ler,

ich habe heute mit hilfe eines TUT's.
nun habeihc das problem es funktioniert nicht
vielleihct kann mir ja jemand von euch helfen

CSS Code
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:
75:
76:
77:
78:
79:
80:
81:
82:
83:
84:
85:
86:
87:
88:
89:
90:
91:
92:
93:
94:
95:
96:
97:
98:
99:
100:
101:
102:
103:
104:
105:
106:
107:
108:
109:
110:
111:
112:
113:
114:
115:
116:
117:
118:
119:
120:
121:
122:
123:
124:
125:
126:
127:
128:
129:
130:
131:
132:
133:
#menuebox {
position: relative;
height: 30px;
}
.stupidie {
display: none;
}
#menue {
position:absolute;
top: 2px;
left: 0;
z-index: 200;
}

#menue .aussen {
float: left;
display: block;
overflow: hidden;
width: 8em;
height: 1.3em;
font-weight: bold;
font-size:18px ;
text-align: center;
background-color: transparent;
color: #e0d8c4;
}
#menue .aussen:hover {
height: auto;
background-color: #624617;
color: #fff;
}

a.innen-1 {
margin-top: 2px;
}
a.innen,
a.innen-1 {
display: block;
width: 7.9em;
padding: 2px 0;
text-decoration: none;
font-weight: normal;
border-bottom: 1px solid #78561d;
background-color: #ecd8ae;
color: #600;
}
a:visited.innen,
a:visited.innen-1 {
background-color: #ecd8ae;
color:#555;
}
a:hover.innen,
a:hover.innen-1 {
background-color: #f7eedb;
color: #900;
}

span.menutag {
cursor: default;
}

++++++++++++++++++++
   CSS Teil II
++++++++++++++++++++

/*
	Menue-styles fuer IEs
	Am besten per Conditional Comment einbinden.
	Fuer IE5.5 und 5.0 muessen nur geringfuegige kosmetische
	Anpassungen vorgenommen werden (siehe Kommentare).
*/

#menue {
display:none;
}
.stupidie {
display: block;
position: absolute;
top: 5px;
left: 0;
z-index: 200;
}

a.auss {
float: left;
width: 8em;
height: 1.4em;
overflow: hidden;
display: block;
font-weight: bold;
text-align: center;
text-decoration: none;
background-color: #dec79a;
color: #513913; 
}
a:hover.auss {
overflow: visible;
background-color: #624617;
color: #fff;
}
a:hover.auss table {
display: block;
margin-top: 3px;
background-color: #dec79a;
color: #400;
border-collapse: collapse;
}

a.inn {
display: block;
width: 7.9em; /* fuer 5er IEs anpassen, sonst 'zuckt' es */
padding: 2px 0;
font-size: 100%; /* fuer 5er IEs auf 80% reduzieren */
font-weight: normal;
text-align: center;
text-decoration: none;
border-bottom: 1px solid #78561d;
background-color: #ecd8ae;
color: #600;
}
a:visited.inn {
background-color: #ecd8ae;
color:#444;
}
a:hover.inn {
position: relative;
background-color: #f7eedb;
color: #900;
}
span.menutag {
cursor: default;
}


Der Menu Code
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:
75:
76:
77:
78:
79:
80:
81:
82:
83:
84:
85:
86:
87:
88:
89:
90:
91:
92:
93:
94:
95:
96:
97:
98:
99:
100:
101:
102:
103:
104:
105:
106:
107:
108:
109:
110:
111:
112:
113:
114:
115:
116:
117:
118:
119:
120:
121:
122:
123:
124:
125:
126:
127:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
  <head>
  <meta http-equiv="content-type" content="text/html; charset=windows-1250">
  <meta name="generator" content="PSPad editor, www.pspad.com">
  <link href="http://momorztstarlight.mo.funpic.de/Hauptlinks/Css/drobdown.css" type="text/css" rel="stylesheet">
  </head>
  <body>
<div id="menuebox">

	<div id="menue">
		<div class="aussen">
<span class="menutag">Allgemein</span>
<a class="innen-1" href="http://momorztstarlight.mo.funpic.de/Hauptlinks/Hauptlinks/Willkommen.html">Home</a>
<a class="innen" href="#">Regeln</a>
<a class="innen" href="#">Erklärungen</a>
<a class="innen" href="#">Anmeldung</a>
<a class="innen" href="#">Gästebuch</a>
<a class="innen" href="#">Alte Designs</a>
<a class="innen" href="#">Partnerhöfe</a>
		</div>
		<div class="aussen">
<span class="menutag">Mitglieder</span>
<a class="innen-1" href="#">Probemitglieder</a>
<a class="innen" href="#">Mitgliederstaaten</a>
<a class="innen" href="#">Login</a>
<a class="innen" href="#">Forum</a>
		</div>
		<div class="aussen">
<span class="menutag">Pferde | Hunde</span>
<a class="innen-1" href="#">Privatpferde</a>
<a class="innen" href="#">Privathunde</a>
<a class="innen" href="#">Verkaufspferde</a>
<a class="innen" href="#">Verkaufshunde</a>
<a class="innen" href="#">Schulpferde</a>
		</div>
		<div class="aussen">
<span class="menutag">Der Hof</span>
<a class="innen-1" href="#">Hof</a>
<a class="innen" href="#">Ausreitwege</a>
<a class="innen" href="#">Hoftiere</a>
<a class="innen" href="#">Stallungen</a>
<a class="innen" href="#">Weide</a>
<a class="innen" href="#">Hofkasse</a>
<a class="innen" href="#">Reitschule</a>
<a class="innen" href="#">Zuchtstall</a>
		</div>
			<div class="aussen">
<span class="menutag">Aktionen</span>
<a class="innen-1" href="#">Pferd des Monats</a>
<a class="innen" href="#">Mitglied des Monats</a>
<a class="innen" href="#">Turniere</a>
  	</div>
  		<div class="aussen">
<span class="menutag">Rechtliches</span>
<a class="innen-1" href="#">Impressum</a>
<a class="innen" href="#">Bildnachweis</a>
		</div>
	</div><!-- menue -->

<!-- Der folgende Block bedient nur IEs! 
	 Durch diese Redundanz vermeiden wir den Einsatz von Javascript. -->

<!--[if IE]>
	<div class="stupidie">
<a class="auss" href="#"><span class="menutag">Allgemein</span>
<table><tr><td>
<a class="innen" href="#">Regeln</a>
<a class="innen" href="#">Erklärungen</a>
<a class="innen" href="#">Anmeldung</a>
<a class="innen" href="#">Gästebuch</a>
<a class="innen" href="#">Alte Designs</a>
<a class="innen" href="#">Partnerhöfe</a>
</td></tr></table>
</a>
<a class="auss" href="#"><span class="menutag">Mitglieder</span>
<table><tr><td>
<a class="innen-1" href="#">Probemitglieder</a>
<a class="innen" href="#">Mitgliederstaaten</a>
<a class="innen" href="#">Login</a>
<a class="innen" href="#">Forum</a>
</td></tr></table>
</a>
<a class="auss" href="#"><span class="menutag">Pferde | Hunde</span>
<table><tr><td>
<a class="innen-1" href="#">Privatpferde</a>
<a class="innen" href="#">Privathunde</a>
<a class="innen" href="#">Verkaufspferde</a>
<a class="innen" href="#">Verkaufshunde</a>
<a class="innen" href="#">Schulpferde</a>
</td></tr></table>
</a>
<a class="auss" href="#"><span class="menutag">Der Hof</span>
<table><tr><td>
<a class="innen-1" href="#">Hof</a>
<a class="innen" href="#">Ausreitwege</a>
<a class="innen" href="#">Hoftiere</a>
<a class="innen" href="#">Stallungen</a>
<a class="innen" href="#">Weide</a>
<a class="innen" href="#">Hofkasse</a>
<a class="innen" href="#">Reitschule</a>
<a class="innen" href="#">Zuchtstall</a>
</td></tr></table>
</a>
<a class="auss" href="#"><span class="menutag">Aktionen</span>
<table><tr><td>
<a class="innen-1" href="#">Pferd des Monats</a>
<a class="innen" href="#">Mitglied des Monats</a>
<a class="innen" href="#">Turniere</a>
</td></tr></table>
</a>
<a class="auss" href="#"><span class="menutag">Rechtliches</span>
<table><tr><td>
<a class="innen-1" href="#">Impressum</a>
<a class="innen" href="#">Bildnachweis</a>
</td></tr></table>
</a>
	</div><!-- stupidie -->
<![endif]-->

</div><!-- menuebox -->


  </body>
</html>




Geschrieben von Felixx am 10.09.2009 um 17:46:

 

Huhu #winke winke#

Also zwei Sachen:
1. Inwiefern funktioniert der Code nicht?
2. Den CSS-Code glaube ich nicht, dass wir brauchen werden Augenzwinkern

Liebe Grüße, Lisi



Geschrieben von Baby cat am 10.09.2009 um 17:54:

 

JA also eigentlich soll sich ein kleines Untermenu öffnen sobald man auf einene der links klickt.
Aber das funktioniert nicht

so wie hier http://barrierefrei.e-workers.de/workshops/tricks/menues.php



Geschrieben von Baby cat am 12.09.2009 um 20:43:

 

kann keiner helfen???



Geschrieben von Baby cat am 14.09.2009 um 21:52:

 

Kann mir denn keiner helfen, ode rmir zumindest sagen woran das liegt??


Forensoftware: Burning Board, entwickelt von WoltLab GmbH