Ich will zwar nicht spammen wäre aber nett wenn sich mal jemand die scripts angucken könnte. Ich bin noch relativ neu im css & hab keine ahnung waarum die nicht funktionieren
das hier ist dass erste script :
body {
margin:0;
background-color: #F6F6F6;
padding:0px;
min-height:100%;
background-image:url(images/rand.gif);
background-repeat:repeat-y;
background-position:center;
}
html>body {
height:100%;
min-height:100%;
}
#all {
width:795px;
height:100%;
padding: 0px;
margin:0 auto;
}
#mitte {
margin: 0 auto;
width:795px;
background-color: #F6F6F6;
text-align:justify;
border-right:solid 1px #3f3f3f;
border-left:solid 1px #3f3f3f;
}
/* menue oben */
.menu {
width:100%;
height:32px;
background-color:black;
position:relative;
z-index:100;
}
.menu ul li a, .menu ul li a:visited {
display:block;
text-decoration:none;
color:#808080;
background-color:#000;
font-family:verdana, sans-serif;
font-size: 86%;
font-variant:normal;
overflow:hidden;
width: 155px;
margin:0 1px;
border:solid 1px #353535;
line-height:30px;
text-align:center;
background-image:url(images/ob.jpg);
}
.menu ul {
padding:0;
margin:0 auto;
list-style: none;
}
.menu ul li {
float:left;
position:relative;
}
.menu ul li ul {
display: none;
}
/* specific to non IE browsers */
.menu ul li:hover a {
background-color:#282828;
color:#fff;
text-decoration:none ;
border:solid 1px #7C7C7C;
background-image:url(images/mover.jpg);
}
.menu ul li:hover ul {
display:block;
position:absolute;
top:31px;
left:0;
width:105px;
}
.menu ul li:hover ul li a.hide {
background:#6a3;
color:#fff;
}
.menu ul li:hover ul li:hover a.hide {
background:#6fc;
color:#000;
}
.menu ul li:hover ul li ul {
display: none;
}
.menu ul li:hover ul li a {
display:block;
background:#282828;
color:#808080;
border:solid 1px #353535;
line-height:30px;
background-image:url(images/ob.jpg);
}
.menu ul li:hover ul li a:hover {
background-color:#282828;
color:#fff;
text-decoration:none ;
border:solid 1px #7C7C7C;
}
/*
.menu2 a, .menu2 a:visited , .menu2 a:active {display: block;
color:#808080;
background-color:#000;
text-decoration:none ;font-family:verdana, sans-serif; font-size: 86%;
padding-left: 0px; padding-bottom: 0px; padding-top:0px;
margin-left: 1px;margin-right: 1px;
border:solid 1px #353535;
line-height:30px;
text-align:center;
background-image:url(images/ob.jpg);
}
.menu2 a:hover {background-color:#282828;color:#fff; text-decoration:none ;border:solid 1px #7C7C7C;
background-image:url(images/mover.jpg);
}
*/
#menu3 {
width:100%;
height:32px;
background-color:black;
}
#menu3 a, #menu3 a:visited , #menu3 a:active {
float:left;
display:block;
width:154px;
font-family:verdana, sans-serif;
font-size: 86%;
padding-left: 0px;
padding-bottom: 0px;
padding-top:0px;
margin: 0 1px;
line-height:30px;
text-align:center;
text-decoration:none ;
color:#808080;
background-color:#000;
border:solid 1px #353535;
background-image:url(images/ob.jpg);
}
#menu3 a:hover {
float:left;
display:block;
width:154px;
font-family:verdana, sans-serif;
font-size: 86%;
padding-left: 0px;
padding-bottom: 0px;
padding-top:0px;
margin: 0 1px;
line-height:30px;
text-align:center;
text-decoration:none ;
background-color:#282828;
color:#fff;
border:solid 1px #7C7C7C;
background-image:url(images/mover.jpg);
}
h2 {
padding:0 20px;
color:#555555;
margin-bottom:20px;
letter-spacing:2px;
font-family: "Trebuchet MS",arial, helvetica, verdana, tahoma, sans-serif;
font-size: 125%;
}
/* hauptgerüst */
#li {
width:103px;
height:1px;
/* height:100%;
background-image:url(images/rand1.jpg) ;
background-repeat:repeat-y;
border-right:solid 1px #3f3f3f;border-left:solid 0px #000;*/
}
#re {
width:103px;
height:1px;
/* height:100%;
background-image:url(images/rand2.jpg);
background-repeat:repeat-y;
border-left:solid 1px #3F3F3F;border-right:solid 0px #000;*/
}
#top {
background-image:url(images/backtop.jpg);
background-repeat:repeat-x;
vertical-align:middle;
text-align:center;
height:100px;
background-color:#1F1F1F;
border-bottom:solid 1px #535353;
border-top:solid 1px #161616;
}
#leistetop {
background-color:#000;
height:40px;
width:795px;
border-bottom:solid 1px #3F3F3F;
border-top:solid 1px #000;
background-image:url(images/leiste.jpg);
background-repeat:repeat-x;
}
.leistetop {
line-height:40px;
letter-spacing:10px;
color:#000;
font-variant:small-caps;
margin-left:10px;
margin-bottom:1px;
vertical-align:bottom;
font-family: georgia,arial, helvetica, tahoma ,verdana, sans-serif;
}
#leiste1 {background-color:#000;
height:34px;
letter-spacing:0px;
color:#56686D;
font-variant:small-caps;
padding-left:0px;
padding-bottom:0px;
width:100%;
vertical-align:middle;
border-bottom:solid 1px #535353;
border-top:solid 1px #000;
border-bottom:solid 0px #000;
font-family: georgia,arial, helvetica, tahoma ,verdana, sans-serif;
text-align:center;
}
#leiste2 {height:0px;
background-color:#000;
height:34px;
letter-spacing:0px;
color:#56686D;
font-variant:small-caps;
padding-left:0px;
padding-bottom:0px;
width:100%;
vertical-align:middle;border-bottom:solid 1px #535353;
border-top:solid 1px #000;
border-bottom:solid 0px #000;
font-family: georgia,arial, helvetica, tahoma ,verdana, sans-serif;
text-align:center;
}
#sp1 {color:#fff;font: normal 11px/15px verdana, sans-serif; padding-left: 0px;padding-right:0px;padding-top: 0px;
background-color:#0c0c0c;
border-right:solid 1px #313131;
}
#content {
width:795px;
padding: 30px 0;
background-color:#0c0c0c;
background-image:url(images/leiste.jpg);
background-repeat:repeat-x;
}
.sp2 {
display:block;
padding:0 20px;
color:#808080;
letter-spacing:0px;
font-size: 94%;
line-height: 125%;
}
#fussb {
font: normal 11px verdana, sans-serif;
color: #6F6F6F;
line-height: 24px;
height:24px;
text-align:center;
background-color:#121212;
width:100%;
border-top:solid 1px #343434;
background-image:url(images/ob.jpg);
background-repeat:repeat-x;
}
/* scrolleiste internet explorer ab vers.5.5 */
/* menue */
#menu1 a , #menu1 a:visited , #menu1 a:active {display:block;
background-color:#0c0c0c;
color:#808080;
text-decoration:none ;
text-align:center;
width:200px;
font-size: 86%;line-height: 28px;
font-family: verdana,"Trebuchet MS",arial, helvetica, verdana, tahoma, sans-serif;
margin:0px;
border-top:solid 1px #0c0c0c;
border-bottom:solid 1px #000;
}
#menu1 a:hover{
background-color:#000;
color:#fff;
text-decoration:none ;
border-top:solid 1px #1f1f1f;
border-bottom:solid 1px #1F1F1F;}
/* allgemeine links im text */
a:link, a:visited, a:active{ font-family: arial, helvetica, tahoma ,verdana, sans-serif;
font-size: 97%;line-height: 125%;
text-decoration:underline;color:#555555;}
a:hover{ text-decoration:none;background-color:#555555;
color:#fff;}
wie gesagt ich will nicht spammen deshalb belass ich dass erst mal bei dem
<style Type="text/css">
<--
-->
</style>
da hab ich auch dran gedacht
ich weiss echt net weiter, wär cool wenn mir jemand helfen könnte thx im voraus
Zuletzt bearbeitet von demonbeatz am 25.03.2009, 10:58, insgesamt einmal bearbeitet
|