Hallo zusammen
Ich bräuchte Hilfe auf meiner Website FSV Eching. Ich hätte gerne das Menü auf der Rechten Seite als Drop Down Menü mit CSS realisiert. Könnt ihr mir weiterhelfen. Danke im voraus

Gruß

Messerjocke

Ich habe die html sowie die css Datei angehängt !
Vielleicht kann mir wer weiterhelfen.

Danke Messerjocke

Schau doch mal in die FAQ. Dort findest du Beispiele für Dropdownmenüs.

__________________
Corina Rudel

Online-Einsteigerkurs HTML/CSS | Buch: Fortgeschrittene CSS-Techniken

Weis ich schon kenn mich leider nicht sehr gut aus
hier mein css Text vielleicht kann mir jemand genau einfügen wo was rein muß
Danke im voraus

/*
Template name: Bitter Sweet
Template URI: Website Template: Bitter Sweet | Arcsin Web Templates
Release date: 2006-10-02
Description: Lime flavoured template with two columns.
Author: Viktor Persson
Author URI: Arcsin | Webbyrå

This template is licensed under a Creative Commons Attribution 2.5 License:
License | Arcsin Web Templates
*/

/* standard elements */
* {
margin: 0;
padding: 0;
}
a {color: #682;}
a:hover {color: #9A6;}
body {
background: #5F8000 url(img/bg.gif) repeat-y center top;
color: #333;
font: normal 62.5% "Lucida Sans Unicode",sans-serif;
}
input {
color: #555;
font: normal 1.1em "Lucida Sans Unicode",sans-serif;
}
p,cite,code,ul {
font-size: 1.2em;
padding-bottom: 1.2em;
}
ul {margin-left: 1.2em;}
li {list-style-image: url(img/li.gif);}
h1 {font-size: 1.4em;}
blockquote {
background: #FFF;
border-bottom: 1px solid #EEE;
border-top: 1px solid #EEE;
color: #333;
display: block;
font-size: 0.9em;
margin-bottom: 1.2em;
padding: 6px 12px;
}
blockquote p {padding: 3px 0;}
h1,h2,h3 {color: #654;}

/* misc */
.clearer {clear: both;}

/* structure */
.container {
background: url(img/bgcontainer.gif) repeat-y;
margin: 0 auto;
width: 702px;
}

/* top */
.top {
background: #567300;
font: normal 2.4em Verdana,sans-serif;
height: 60px;
margin: 0 auto;
width: 630px;
}
.top a {
color: #FFF;
display: block;
line-height: 60px;
text-decoration: none;
width: 100%;
}
.top span {padding-left: 24px;}
.top a:hover {
background: #688B00;
color: #FFF;
}

/* header */
.header {
background: url(img/header.jpg) no-repeat;
height: 180px;
margin: 0 auto;
width: 630px;
}

/* item */
.item {clear: both;}
.item .date {
background: url(img/bgdate.gif) no-repeat;
color: #FDD;
float: left;
height: 40px;
text-align: center;
width: 36px;
}
.item .date div {padding-top: 4px;}
.item .date span {font: normal 1.6em serif;}
.item .content {
float: left;
width: 420px;
}
.item h1 {
background: #567300;
color: #FFF;
line-height: 40px;
padding-left: 16px;
}
.item .body {padding: 12px 18px;}

/* main */
.main {float: left;}

/* navigation */
.navigation {
float: left;
margin-left: 1px;
width: 208px;
}
.navigation h1 {
background: #81AC00;
color: #FFF;
font-size: 1.3em;
line-height: 40px;
padding-left: 12px;
}
.navigation ul {margin: 0; padding: 0;}
.navigation li {
border-bottom: 1px solid #D5E8AD;
list-style: none;
}
.navigation li a {
background: #E8F6BF url(img/bgnavigation.gif) repeat-x;
color: #553;
display: block;
padding: 8px 4px 8px 12px;
text-decoration: none;
}
.navigation li a:hover {
background: #F0FFC6;
color: #553;
}

/* footer */
.footer {
background: url(img/bgfooter.gif) repeat-x;
color: #FFF;
font-size: 1.1em;
line-height: 40px;
margin: 0 auto;
width: 626px;
}
.footer a {color: #FFF;}
.footer a:hover {color: #FAFCB0;}
.footer .left, .footer .right {padding: 0 12px;}
.footer .right, .footer .right a {text-decoration: none; color: #DEC;}
.footer .right a:hover {color: #FFF;}

/* floats */
.left {float: left;}
.right {float: right;}

Wenn du dich nicht auskennst, ist ein Dropdownmenü nicht das richtige für dich. Soetwas erfordert fortgeschrittene CSS-Kenntnisse und ist nicht mal eben schnell mit ein paar Zeilen CSS erledigt.
Arbeite die Tutorials in den FAQ durch. Stell konkrete Fragen, wenn du Probleme bei der Anwendung hast.
Aber bitte erwarte nicht, dass dir jemand für umsonst deinen Code schreibt.

__________________
Corina Rudel

Online-Einsteigerkurs HTML/CSS | Buch: Fortgeschrittene CSS-Techniken