@fricca:
Hast recht...ein Teil der CSS fehlt und zwar die von meinem Template...hier ist sie
Code:
/*Heides Frisurenstudio Grundlayout*/
#container {
border: thin solid red;
position: absolute;
left: 50%;
margin-left: -260px;
margin-top: 140px;
width: 635px;
height: 450px;
}
body {
background-image: url(../bilder/brown2.jpg);
background-repeat: repeat;
font-family: Arial, Helvetica, sans-serif;
font-size: 14px;
font-style: normal;
color: black;
text-align: center;/*wird für die Ausrichtung des Containers benötigt*/
}
#kopf {
background-image: url(../logo/logo-heidi-var7.jpg);
width: 740px;
height: 135px;
border: thin solid Blue;
margin: auto;
text-align: center;
/*background-image: url(../logo/logo-heidi-var6.jpg);
width: 770px;
height: 135px;
border: thin solid Blue;
margin: auto;
text-align: center;*/
}
#navcontainer {
border: thin;
border-color: Lime;
border-style: solid;
list-style-type: none;
width: 120px;
left: 50%;
margin-left: -385px;
margin-top: 5px;
padding: 0;
position: absolute;
left: 50%;
}
ul.buttons {
list-style-type: none;
margin: 0;
padding-left: 0;
}
li .a1 {
background-image: url(../buttons/small/button-uv2.png);
background-repeat: no-repeat;
width: 120px;
height: 45px;
}
li .a2 {
margin: 0;
background-image: url(../buttons/small/button-uv2.png);
background-repeat: no-repeat;
width: 120px;
height: 45px;
}
li .a3 {
margin: 0;
background-image: url(../buttons/small/button-uv2.png);
background-repeat: no-repeat;
width: 120px;
height: 45px;
}
li .a4 {
margin: 0;
background-image: url(../buttons/small/button-uv2.png);
background-repeat: no-repeat;
width: 120px;
height: 45px;
}
li .a5 {
margin: 0;
background-image: url(../buttons/small/button-uv2.png);
background-repeat: no-repeat;
width: 120px;
height: 45px;
}
li .a6 {
margin: 0;
background-image: url(../buttons/small/button-uv2.png);
background-repeat: no-repeat;
width: 120px;
height: 45px;
}
li a {
font-family: Georgia;
font-style: normal;
font-weight: bold;
font-size: 14pt;
text-align: center;
vertical-align: middle;
line-height: 45px;
display: block;
color: #000;
text-decoration: none;
}
/*Anweisung für die Hover-Buttons beim drüberfahren*/
li .a1:hover {
background-image: url(../buttons/small/button-dv2.png);
background-repeat: no-repeat;
width: 120px;
height: 45px;
color: Black;
}
li .a2:hover {
margin: 0;
background-image: url(../buttons/small/button-dv2.png);
background-repeat: no-repeat;
width: 120px;
height: 45px;
color: Black;
}
li .a3:hover {
margin: 0;
background-image: url(../buttons/small/button-dv2.png);
background-repeat: no-repeat;
width: 120px;
height: 45px;
color: Black;
}
li .a4:hover {
margin: 0;
background-image: url(../buttons/small/button-dv2.png);
background-repeat: no-repeat;
width: 120px;
height: 45px;
color: Black;
}
li .a5:hover {
margin: 0;
background-image: url(../buttons/small/button-dv2.png);
background-repeat: no-repeat;
width: 120px;
height: 45px;
color: Black;
}
li .a6:hover {
margin: 0;
background-image: url(../buttons/small/button-dv2.png);
background-repeat: no-repeat;
width: 120px;
height: 45px;
color: Black;
}
/*#mailbutton {
background-image: url(../bilder/mailbutton2.png);
width: 100px;
height: 61px;
position: absolute;
margin-left: 200px;
margin-top: 10px;
padding: 0;
left: 50%;
border-color: Green;
border-style: dashed;
border-style: solid;
border-width: thin;
}*/
/*Hier kommt die Tabelle mit den Öffnungszeiten*/
/*Deklaration der gesamten Tabellenbox*/
#oeffzeiten {
text-align: left;
border-color: black;
border-style: solid;
border-bottom-width: thin;
border-color: Teal;
position: absolute;
left: 50%;
margin-left: -200px;
margin-top: 10px;
width: 300px;
}
/*angabe der Tage*/
#oeffzeit1 {
border-color: Black;
border-style: solid;
border-width: thin;
font-family: Arial, Helvetica, sans-serif;
font-weight: normal;
color: Black;
font-style: normal;
font-size: 1em;
float: left;
padding-top: 5px;
padding-bottom: 5px;
}
/*Angabe der Zeiten*/
#oeffzeit2 {
border-color: Black;
border-style: solid;
border-width: thin;
font-family: Arial, Helvetica, sans-serif;
font-weight: normal;
color: Black;
font-style: normal;
font-size: 1em;
padding-left: 20px;
padding-top: 5px;
padding-bottom: 5px;
float: left;
}
/*Text*/
#oeffnungszeiten {
border-color: Black;
border-style: solid;
border-width: thin;
font-family: Arial, Helvetica, sans-serif;
font-weight: bold;
color: Black;
font-style: normal;
font-size: 1.2em;
padding: 0;
margin: 0;
}
/*#box-oeffzeiten {
border-color: Black;
border-style: solid;
border-width: thin;
position: relative;
}*/
/*Text*/
#termin {
border-color: Black;
border-style: solid;
border-width: thin;
font-weight: bold;
font-family: Arial, Helvetica, sans-serif;
color: Black;
font-style: normal;
font-size: 1.1em;
float: left;
}
Ist ist aber die Verwirrung bestimmt noch größer oder?! Ich habe diese mit Absicht weggelassen, da ich vermute, dass mein Prob nichts mit meinem Template zu tun hat