Gegen Bilderklau - Das Original

Registrierung Mitgliederliste Teammitglieder Suche Häufig gestellte Fragen Statistik Chat Karte Zur Startseite

Gegen Bilderklau - Das Original » Design, Website, Copyright » Homepagehilfe » Homepagehilfe - Archiv » [CSS] Dropdown Menu alles gecodet aber geht nicht | Wer kann Helfen » Hallo Gast [Anmelden|Registrieren]
Letzter Beitrag | Erster ungelesener Beitrag Druckvorschau | Thema zu Favoriten hinzufügen
Zum Ende der Seite springen Dropdown Menu alles gecodet aber geht nicht | Wer kann Helfen
Autor
Beitrag « Vorheriges Thema | Nächstes Thema »
Baby cat Baby cat ist weiblich
Schmusekatze


images/avatars/avatar-15559.gif

Dabei seit: 22.04.2007
Beiträge: 1.156
Herkunft: Lüneburger Heide

Dropdown Menu alles gecodet aber geht nicht | Wer kann Helfen Auf diesen Beitrag antworten Zitatantwort auf diesen Beitrag erstellen Diesen Beitrag editieren/löschen Diesen Beitrag einem Moderator melden       Zum Anfang der Seite springen

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>



__________________
Reit- und Zuchtzentrum Memorio
Memorios Suche Tread
Memorios Biete Tread
10.09.2009 17:28 Baby cat ist offline E-Mail an Baby cat senden Homepage von Baby cat Beiträge von Baby cat suchen Nehmen Sie Baby cat in Ihre Freundesliste auf Fügen Sie Baby cat in Ihre Kontaktliste ein
Felixx Felixx ist männlich
Mitglied


images/avatars/avatar-54183.png

Dabei seit: 30.05.2005
Beiträge: 2.321
Herkunft: Österreich / Wien

Auf diesen Beitrag antworten Zitatantwort auf diesen Beitrag erstellen Diesen Beitrag editieren/löschen Diesen Beitrag einem Moderator melden       Zum Anfang der Seite springen

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
10.09.2009 17:46 Felixx ist offline E-Mail an Felixx senden Homepage von Felixx Beiträge von Felixx suchen Nehmen Sie Felixx in Ihre Freundesliste auf
Baby cat Baby cat ist weiblich
Schmusekatze


images/avatars/avatar-15559.gif

Dabei seit: 22.04.2007
Beiträge: 1.156
Herkunft: Lüneburger Heide

Themenstarter Thema begonnen von Baby cat
Auf diesen Beitrag antworten Zitatantwort auf diesen Beitrag erstellen Diesen Beitrag editieren/löschen Diesen Beitrag einem Moderator melden       Zum Anfang der Seite springen

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

__________________
Reit- und Zuchtzentrum Memorio
Memorios Suche Tread
Memorios Biete Tread

Dieser Beitrag wurde 1 mal editiert, zum letzten Mal von Baby cat: 10.09.2009 17:54.

10.09.2009 17:54 Baby cat ist offline E-Mail an Baby cat senden Homepage von Baby cat Beiträge von Baby cat suchen Nehmen Sie Baby cat in Ihre Freundesliste auf Fügen Sie Baby cat in Ihre Kontaktliste ein
Baby cat Baby cat ist weiblich
Schmusekatze


images/avatars/avatar-15559.gif

Dabei seit: 22.04.2007
Beiträge: 1.156
Herkunft: Lüneburger Heide

Themenstarter Thema begonnen von Baby cat
Auf diesen Beitrag antworten Zitatantwort auf diesen Beitrag erstellen Diesen Beitrag editieren/löschen Diesen Beitrag einem Moderator melden       Zum Anfang der Seite springen

kann keiner helfen???

__________________
Reit- und Zuchtzentrum Memorio
Memorios Suche Tread
Memorios Biete Tread
12.09.2009 20:43 Baby cat ist offline E-Mail an Baby cat senden Homepage von Baby cat Beiträge von Baby cat suchen Nehmen Sie Baby cat in Ihre Freundesliste auf Fügen Sie Baby cat in Ihre Kontaktliste ein
Baby cat Baby cat ist weiblich
Schmusekatze


images/avatars/avatar-15559.gif

Dabei seit: 22.04.2007
Beiträge: 1.156
Herkunft: Lüneburger Heide

Themenstarter Thema begonnen von Baby cat
Auf diesen Beitrag antworten Zitatantwort auf diesen Beitrag erstellen Diesen Beitrag editieren/löschen Diesen Beitrag einem Moderator melden       Zum Anfang der Seite springen

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

__________________
Reit- und Zuchtzentrum Memorio
Memorios Suche Tread
Memorios Biete Tread
14.09.2009 21:52 Baby cat ist offline E-Mail an Baby cat senden Homepage von Baby cat Beiträge von Baby cat suchen Nehmen Sie Baby cat in Ihre Freundesliste auf Fügen Sie Baby cat in Ihre Kontaktliste ein
Baumstruktur | Brettstruktur
Gehe zu:
Gegen Bilderklau - Das Original » Design, Website, Copyright » Homepagehilfe » Homepagehilfe - Archiv » [CSS] Dropdown Menu alles gecodet aber geht nicht | Wer kann Helfen

Impressum

Forensoftware: Burning Board, entwickelt von WoltLab GmbH