moni hat geschrieben:was noch geblieben ist sind die unnötigen </li> aus der navi zu entfernen .
du hast drei mal das gleiche CSS Code in den body Bereich

kann nur empfehlen Ordnung damit zu machen .. einmal reicht es vollkommen und auch unbedingt auslagern ..
Code: Alles auswählen
<style type="text/css">
label
{
font-family: Verdana;
font-size: 14px;
color: #000000;
padding-top: 5px;
width: 150px;
display: center;
float: center;
}
.form_title
{
font-family: Verdana;
font-size: 14px;
color: #000000;
}
.form_field
{
font-family: Verdana;
font-size: 14px;
color: #000000;
padding: 3px;
margin-bottom: 10px;
}
</style>
Hallo Moni,
ich habe jetzt mal in der css datei nachgesehen. Ich finde nur das da? Oder bin ich auf der falschen Seite? Ich steig da nicht durch?
Code: Alles auswählen
/*CSS Format by http://npage-hilfe.net*/
body {
background-color: #fdf5e6;
font-family: verdana, geneva, sans-serif;
font-size: 15px;
padding: 6px;
color: #000000;
background-image: url(bg.png);
background-repeat: repeat;
background-position: 0 0;
background-attachment: fixed;
}
h1 {
color: #111111;
font-family: verdana, geneva, sans-serif;
font-size: 22px;
text-align: center;
text-decoration: none;
}
h2 {
color: #222222;
font-family: verdana, geneva, sans-serif;
font-size: 20px;
text-align: center;
text-decoration: none;
}
h3 {
color: #333333;
font-family: verdana, geneva, sans-serif;
font-size: 17px;
text-align: center;
text-decoration: none;
}
h4 {
color: #333333;
font-family: verdana, geneva, sans-serif;
font-size: 16px;
text-align: center;
margin-top: 8px;
margin-bottom: 3px;
text-decoration: none;
}
a:link {
font-size: 15px;
font-weight: bold;
color: #0000DD;
text-decoration: none;
}
a:visited {
color: #0000DD;
text-decoration: none;
}
a:active {
color: #0000DD;
text-decoration: none;
}
a:hover {
color: #000022;
text-decoration: underline;
}
a img {
border: none;
}
p {
margin-top:14px;
margin-bottom:14px;
}
table.klein {
color: #000000;
font-size: 13px;
}
textarea {
color: #000000;
font-size: 12px;
font-family: verdana;
background-color: #FFFEED;
border: solid 1px #000000;
}
#aussen {
width: 98%;
min-width: 950px;
margin-right: auto;
margin-left: auto;
background-color: transparent;
border: 0px;
background-image: url(bg80.png);
background-repeat: repeat;
border-radius: 10px;
-moz-box-shadow: 4px 4px 4px 4px #111111;
-webkit-box-shadow: 4px 4px 4px 4px #111111;
box-shadow: 4px 4px 4px 4px #111111;
}
#header {
width: 100%;
background-color: transparent;
height: 180px;
background-image: url(bg100.png);
background-repeat: repeat;
border-radius: 10px 10px 10px 0px;
-moz-box-shadow: 3px 3px #111111;
-webkit-box-shadow: 3px 3px #111111;
box-shadow: 3px 3px #111111;
}
.logoleft {
float: left;
width: 220px;
height: 180px;
padding: 0px;
background-color: transparent;
background-image: url(logo.png);
background-repeat: no-repeat;
background-position: 4px 0px;
-moz-box-shadow: none;
-webkit-box-shadow: none;
box-shadow: none;
}
.logo {
float: right;
width: 650px;
background-color: transparent;
height: 180px;
background-image: url(header.png);
background-repeat: no-repeat;
background-position: right;
}
#navigation {
float: left;
width: 230px;
height: 100%;
text-align: center;
padding: 0px;
background-color: transparent;
background-image: url(bg100.png);
background-repeat: repeat;
border-radius: 0px 0px 10px 10px;
-moz-box-shadow: 3px 3px #111111;
-webkit-box-shadow: 3px 3px #111111;
box-shadow: 3px 3px #111111;
}
.logonavi {
width: 220px;
height: 264px;
margin-top: -180px;
background-color: transparent;
background-image: url(logo.png);
background-repeat: no-repeat;
background-position: 4px 0px;
-moz-box-shadow: none;
-webkit-box-shadow: none;
box-shadow: none;
}
#sidebar {
float: left;
width: 195px;
height: 100%;
text-align: left;
margin-top: -26px;
padding: 20px;
background-color: transparent;
}
.sidebarmenu ul{
margin: 0;
padding: 0;
list-style-type: none;
font: normal 12px verdana, geneva, sans-serif;
width: 190px; /* Main Menu Item widths */
border-bottom: 0px solid #111111;
}
.sidebarmenu ul li{
position: relative;
}
/* Top level menu links style */
.sidebarmenu ul li a{
display: block;
overflow: auto; /*force hasLayout in IE7 */
color: #343434;
font-size : 13px;
font-weight: normal;
text-decoration: none;
padding: 3px;
border-bottom: 1px solid #111111;
border-right: 1px solid #111111;
border-left: 1px solid #111111;
border-top: 1px solid #111111;
border-radius: 4px;
-moz-box-shadow: 1px 1px 1px 1px #111111;
-webkit-box-shadow: 1px 1px 1px 1px #111111;
box-shadow: 1px 1px 1px 1px #111111;
}
.sidebarmenu ul li a:link, .sidebarmenu ul li a:visited, .sidebarmenu ul li a:active{
background-color: #dfceab; /*background of tabs (default state)*/
}
.sidebarmenu ul li a:visited{
color: #343434;
}
.sidebarmenu ul li a:hover{
background-color: #fdf5e6;
}
/*Sub level menu items */
.sidebarmenu ul li ul{
position: absolute;
width: 180px; /*Sub Menu Items width */
top: 0;
visibility: hidden;
}
.sidebarmenu a.subfolderstyle{
background: url(right.gif) no-repeat 97% 50%;
}
/* Holly Hack for IE \*/
* html .sidebarmenu ul li { float: left; height: 1%; }
* html .sidebarmenu ul li a { height: 1%; }
/* End */
#balken {
float: left;
width: 98%;
height: 20px;
padding: 6px;
background-color: transparent;
background-image: url(eck.png);
background-repeat: no-repeat;
background-position: 0px 0px;
}
#inhalt {
float: left;
width: 95%;
text-align: center;
padding-top: 5px;
padding-left: 28px;
padding-right: 0px;
padding-bottom: 10px;
margin-top: -30px;
background-color: transparent;
}
.toplink {
float: right;
text-align: right;
line-height: 22px;
padding-right: 28px;
}
#footer {
float: left;
width: 100%;
height: 30px;
colo: #000000;
line-height: 30px;
text-align: center;
font-family: Impact;
font-size: 20px;
margin-top: 10px;
background-color: transparent;
background-image: url(bg100.png);
background-repeat: repeat;
border-radius: 10px 10px 10px 10px;
-moz-box-shadow: 4px 4px 4px 4px #111111;
-webkit-box-shadow: 4px 4px 4px 4px #111111;
box-shadow: 4px 4px 4px 4px #111111;
}
.copyright {
font-size: 15px;
font-family: Impact;
font-weight: normal;
color: #000000;
text-align: center;
}
.copyright a {
font-size: 15px;
font-family: Impact;
font-weight: normal;
color: #0000DD;
text-decoration: none;
}
.copyright a:hover {
color: #000022;
text-decoration: underline;
}
.clear {
clear: both;
}
/* CSS Image Viewer from CSSplay (http://www.cssplay.co.uk) */
#gallery
{ position: relative;
width: 650px; /* Größe der Galerie insgesamt.*/
padding-top: 8px;
}
#thumbs
{ width: 265px; /* Breite der Mini-Bilder, jeh breiter desto mehr Bilder.*/
float: right;
}
#thumbs a
{ display: block;
float: right;
margin: 1px 0px 3px 10px;
width: 50px;
height: 50px;
border: 2px solid #FFF;
}
#thumbs a img
{ width: 50px;
height: 50px;
border: 0;
}
#thumbs a:hover {border-color: #8A8A8A;}
#thumbs a:hover img
{ position: absolute;
width: auto;
height: auto;
right: 256px; /*Wo werden die Grossen Bilder angezeigt, sollte ungefär so gross sein wie die Breite der Mini-Bilder.*/
top: 8px;
padding: 2px;
border: 2px solid #8A8A8A;
}
<!-- ### CSS-Code ### -->
<style type="text/css">
label
{
padding-top: 10px;
width: 80px;
display: block;
float: left;
}
.form_field
{
padding: 3px;
margin-bottom: 10px;
}
</style>
.button{
text-decoration:none;
text-align:center;
padding:11px 32px;
border:solid 1px #5b4f3b;
-webkit-border-radius:4px;
-moz-border-radius:4px;
border-radius: 4px;
font:13px Verdana;
font-weight:bold;
color:#000000;
background:#dfceab;
-webkit-box-shadow:0px 0px 2px #a39373, inset 0px 0px 1px #a39373;
-moz-box-shadow: 0px 0px 2px #a39373, inset 0px 0px 1px #a39373;
box-shadow:0px 0px 2px #a39373, inset 0px 0px 1px #a39373;
}
.zoom_img img{
margin:18px;
height:108px;
width:108px;
-moz-transition:-moz-transform 0.5s ease-in;
-webkit-transition:-webkit-transform 0.5s ease-in;
-o-transition:-o-transform 0.5s ease-in;
}
.zoom_img img:hover{
-moz-transform:scale(2);
-webkit-transform:scale(2);
-o-transform:scale(2);