Ihr seid wirklich meine letzte Hoffnung. Ich erstelle gerade unsere Homepage ehrenamtlich neu (d.h. wir sind ein kleines Familienzentrum) Bisher ging das mit Frontpage, doch es gibt leider Anzeigeprobleme mit den versch. Browsern und Bildschirmgrößen. Also beschlossen wir neues Design und neue Technologie mit CSS. Bisher hat das in den Übungsseiten auch ganz gut geklappt. Nur mit dem DropDown Menü für die Navigation gibt es größere Probleme. Ich habe im Internet einen HTML und CSS-Code für ein DropDownMenü gefunden, habe das für unsere Ansprüche im Design angepasst. Auf der Übungsseite, wo es allein stand, funktionierte es super. Nur als ich es gestern in den Header der neuen Homepage einfügen wollte, ging nichts mehr. Ich bin echt am Verzweifeln, bin da auch grade mit CSS noch etwas der Anfänger. Ich stelle mal beide Codes zur Verfügung, vielleicht kann jemand den Fehler finden!
HTML-Code:
Familienzentrum Königswiesen
Familienzentrum Königswiesen e.V.
Wir über uns
Home
Organisation
Öffnungszeiten
Familiencafe
Bürozeiten
Hier der CSS-Code:
/*--------------------Schrift/Grösse-----------------*/
body {
font-family: Arial, Comic sans MS, Forte sans serif;
text-align: left;
}
h1
{font-family: Arial black;
font-size: 24px;
letter-spacing: 1px;
}
/*--------------------Layout---------------------*/
#container{
width: 90%;
min-width: 800 px;
max-width: 1400 px;
border: 2px solid;
padding: 2px;
}
#header {
background-color:#33cc33;
position: relative;
}
#logo {
margin: 3px;
}
#logoschwarz {
padding-top: 10px;
padding-right: 10px;
padding-bottom: 25px;
border: 0px;
}
#Ueberschrift {
width: 75%;
padding-left: 20px;
margin-left: 150px;
margin-top:3px;
float: right;
position: absolute;
}
/*—menuebox—*/
#menue {
width: 90%;
z-index: 200;
}
#menue .aussen {
float: left;
display: block;
overflow: hidden;
width: 80px;
height: 30px;
padding-left: 2px;
font-familiy: Arial;
font-size:10px;
font-weight: bolder;
text-align: left;
background-color: #CCFFCC;
color: #000000;
border-left: 1px solid;
border-color: #000000;
}
#menue .aussen:hover {
height: auto;
background-color: #ccffcc;
color: #000000;
}
a.innen-1 {
margin-top: 10px;
}
a.innen,
a.innen-1 {
display: block;
width: 80px;
padding: 0.7px 0.5px 0.5px 0.5px;
text-decoration: none;
font-weight: normal;
text-align: left;
border-bottom: 1px solid #000000;
background-color: #ccffcc;
color: #000000;
}
a:visited. innen,
a:visited. innen-1{
background-color: #ccffcc;
color: #000000;
}
a:hover: innen,
a:hover: innen-1 {
background-color: #ccffcc;
color: #000080;
}
span.menutag {
display:block;
cursor: default;
}
Bitte dringend um Hilfe, weiß sonst nicht wie ich weiterarbeiten soll!!!
Danke
mansiba36
