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:
134:
135:
136:
137:
138:
139:
140:
141:
142:
143:
144:
145:
146:
147:
148:
149:
150:
151:
152:
153:
154:
155:
156:
157:
158:
159:
160:
161:
162:
163:
164:
165:
166:
167:
168:
169:
170:
171:
172:
173:
174:
175:
176:
177:
178:
179:
180:
181:
182:
183:
184:
185:
186:
187:
188:
189:
190:
191:
192:
193:
194:
195:
196:
197:
198:
199:
200:
201:
202:
203:
204:
205:
206:
207:
208:
209:
210:
211:
212:
213:
214:
215:
216:
217:
218:
219:
220:
221:
222:
223:
224:
225:
226:
227:
228:
229:
230:
231:
232:
233:
234:
235:
236:
237:
238:
239:
240:
241:
242:
243:
244:
245:
246:
247:
248:
249:
250:
|
<html>
<head>
<title>VRH Allertal - aus Liebe zum Pferd© 2006</title>
<link href="stylemain.css" type="text/css" rel="stylesheet">
<style>
#menuebox {
position: relative;
height: 60px;
}
.stupidie {
display: none;
}
#menue {
position:absolute;
top: 212px;
left: 200;
z-index: 200;
}
#menue .aussen {
float: left;
display: block;
overflow: hidden;
width: 8em;
height: 1.3em;
font-weight: bold;
text-align: center;
background-color: #894157;
color: #FFE298;
border: 1px solid;
border-color: #883049 #4F212E #4F212E #883049;
}
#menue .aussen:hover {
height: auto;
background-color: #FFE298;
color: #894157;
}
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 #4F212E;
background-color: #894157;
color: #FFE298;
}
a:visited.innen,
a:visited.innen-1 {
background-color: #894157;
color:#FFE298;
}
a:hover.innen,
a:hover.innen-1 {
background-color: #B75774;
color: #FFE298;
}
span.menutag {
display: block;
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: 212px;
left: 200;
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: #894157;
color: #FFE298;
border: 1px solid;
border-color: #883049 #4F212E #4F212E #883049;
}
a:hover.auss {
overflow: visible;
background-color: #FFE298;
color: #894157;
}
a:hover.auss table {
display: block;
margin-top: 3px;
background-color: #FFE298;
color: #894157;
border-collapse: collapse;
}
a.inn {
display: block;
width: 7.9em; /* fuer 5er IEs anpassen, sonst 'zuckt' es */
padding: 2px 0;
font-size: 80%; /* fuer 5er IEs auf 80% reduzieren */
font-weight: normal;
text-align: center;
text-decoration: none;
border-bottom: 1px solid #4F212E;
background-color: #894157;
color: #FFE298;
}
a:visited.inn {
background-color: #894157;
color:#FFE298;
}
a:hover.inn {
position: relative;
background-color: #B75774;
color: #FFE298;
}
span.menutag {
display: block;
cursor: default;
}
</style>
</head>
<body leftmargin="0" topmargin="0" scroll="yes" style="backgroundcolour:#481F2B" marginheight="0" marginwidth="0">
<img src="berry/neuesdesign.png" left="" top="" 0px="" align="left" border="0">
<div id="main" style="position: absolute; left: 40px; top: 257px;">
<iframe src="willkommen.html" name="main" noresize="" style="border: 0px none ;" ;="" frameborder="0" height="330" scrolling="auto" width="950"></iframe></div>
<div id="menuebox">
<div id="menue">
<div class="aussen">
<span class="menutag">Allgemeines</span>
<a class="innen-1" href="willkommen.html" target="main">Willkommen</a>
<a class="innen" href="impressum.html" target="main">Impressum</a>
<a class="innen" href="bildnachweis.html" target="main">Bildnachweis</a>
<a class="innen" href="guestbook.php" target="main">Gästebuch</a>
<a class="innen" href="faq.php" target="main">FAQ</a>
<a class="innen" href="konzept.php" target="main">Unser Konzept</a>
</div>
<div class="aussen">
<span class="menutag">Der Hof</span>
<a class="innen-1" href="http://vrhallertal.vr.funpic.de/allertal/wbblite/register.php?sid=" target="_blank">Zur Anmeldung</a>
<a class="innen" href="login.html" target="main">LogIn Bereich</a>
<a class="innen" href="hofrundgang.html" target="main">Hofrundgang</a>
<a class="innen" href="besondere_pferde.php" target="main">Besondere Pferde</a>
<a class="innen" href="wir.php" target="main">Das sind wir</a>
</div>
<div class="aussen">
<span class="menutag">Deckstation</span>
<a class="innen-1" href="zuchtpferde.php" target="main">Stallungen</a>
<a class="innen" href="deckplan.php" target="main">Deckplan</a>
<a class="innen" href="agb.php" target="main">AGB</a>
<a class="innen" href="neuefohlen.php" target="main">Neue Fohlen</a>
</div>
<div class="aussen">
<span class="menutag">Turniere</span>
<a class="innen-1" href="turnier.php" target="main">Ausschreibungen</a>
<a class="innen" href="vergangene.php" target="main">Vergangenes</a>
<a class="innen" href="regeln_preise.php" target="main">Regeln und Preise</a>
</div>
<div class="aussen">
<span class="menutag">Sonstiges</span>
<a class="innen-1" href="partnerformular.php" target="main">Partner</a>
<a class="innen" href="awards.php" target="main">Awards</a>
<a class="innen" href="awardvergabe.html" target="main">Awardvergabe</a>
<a class="innen" href="linkliste2.php" target="main">Linkliste</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">Allgemeines</span>
<table><tr><td>
<a class="inn" href="willkommen.html" target="main">Willkommen</a>
<a class="inn" href="impressum.html" target="main">Impressum</a>
<a class="inn" href="bildnachweis.html" target="main">Bildnachweis</a>
<a class="inn" href="guestbook.php" target="main">Gästebuch</a>
<a class="inn" href="faq.php" target="main">FAQ</a>
<a class="inn" href="konzept.php" target="main">Unser Konzept</a>
</td></tr></table>
</a>
<a class="auss" href="#"><span class="menutag">Der Hof</span>
<table><tr><td>
<a class="inn" href="http://vrhallertal.vr.funpic.de/allertal/wbblite/register.php?sid=" target="_blank">Zur Anmeldung</a>
<a class="inn" href="login.html" target="main">LogIn Bereich</a>
<a class="inn" href="hofrundgang.html" target="main">Hofrundgang</a>
<a class="inn" href="besondere_pferde.php" target="main">Besondere Pferde</a>
<a class="inn" href="wir.php" target="main">Das sind wir</a>
</td></tr></table>
</a>
<a class="auss" href="#"><span class="menutag">Deckstation</span>
<table><tr><td>
<a class="inn" href="zuchtpferde.php" target="main">Stallungen</a>
<a class="inn" href="deckplan.php" target="main">Deckplan</a>
<a class="inn" href="agb.php" target="main">AGB</a>
<a class="inn" href="neuefohlen.php" target="main">Neue Fohlen</a>
</td></tr></table>
</a>
<a class="auss" href="#"><span class="menutag">Turniere</span>
<table><tr><td>
<a class="inn" href="turnier.php" target="main">Ausschreibungen</a>
<a class="inn" href="vergangene.php" target="main">Vergangenes</a>
<a class="inn" href="regeln_preise.php" target="main">Regeln und Preise</a>
</td></tr></table>
</a>
<a class="auss" href="#"><span class="menutag">Sonstiges</span>
<table><tr><td>
<a class="inn" href="partnerformular.php" target="main">Partner</a>
<a class="inn" href="awards.php" target="main">Awards</a>
<a class="inn" href="awardvergabe.html" target="main">Awardvergabe</a>
<a class="inn" href="linkliste2.php" target="main">Linkliste</a>
</td></tr></table>
</a>
</div><!-- stupidie -->
<![endif]-->
</div><!-- menuebox -->
</body>
</html> |