Hi,
ich habe einen CSS Code vorgegeben bekommen und möchte daran ein paar Kleinigkeiten ändern... etwas ahnung habe ich, aber ich habe z.B. die Bilder verändert, und ein paar Farben wollte ich ändern aber auf der Website ist alles gleich geblieben. Der Code ist jetzt wieder im Ursprünglichen Zustand. Kann mir vll. jemand sagen ob dieser Code überhaupt funktioniert?
Code:
/** BASIC */
body {
margin: 0px;
padding: 0px;
background: url(./regger-images/img02.jpg) repeat-x left top;
line-height: 20px;
text-align: justify;
font-family:Arial, Helvetica, sans-serif;
font-size: 10pt;
color: #666666;
}
h1, h2, h3, h4, h5, h6 {
font-weight: normal;
}
a {
color: #0077dd;
text-decoration: none;
}
a:hover {
text-decoration: underline;
}
.list1 {
margin: 0;
padding: 0;
list-style: none;
}
.list1 a {
background: url(./regger-images/img01.gif) no-repeat left 60%;
padding-left: 12px;
}
.list2 {
margin: 0;
list-style: none;
}
.list2 a {
background: url(./regger-images/img01.gif) no-repeat left 60%;
padding-left: 12px;
}
img {
border: none;
}
img.left {
float: left;
margin: 3px 20px 0px 0px;
}
/** HEADER */
#header {
width: 850px;
margin: 0px auto;
padding: 1em;
height: 90px;
color: #254360;
}
#header h1 {
margin: 0px;
padding: 20px 0px 0px 0px;
text-transform: uppercase;
font-weight: bold;
}
/** MENU */
#menu {
width: 1000px;
margin: 0px auto;
}
#menu ul {
margin: 0px;
padding: 0px;
list-style: none;
}
#menu li {
display: inline;
}
#menu a {
background: url(./regger-images/img04.gif) no-repeat right 50%;
padding: 0px 20px 0px 20px;
text-decoration: none;
text-transform: uppercase;
font-weight: bold;
font-size: 12px;
color: #FFFFFF;
}
#menu a:hover {
background: #FFFFFF;
color: #254360;
}
#menu .active {
background: #FFFFFF;
color: #254360;
}
/** CONTENT */
#content {
width: 1000px;
margin: 0px auto;
padding: 40px 0px 20px 0px;
}
#columnA {
float: left;
width: 620px;
padding-left: 20px;
border-left: 1px dashed #EEEEEE;
}
#columnA h2 {
height: 22px;
border-bottom: 1px dashed #EEEEEE;
font-size: 12pt;
font-weight: bold;
}
#columnB {
float: left;
width: 160px;
}
#columnB h3 {
height: 22px;
border-bottom: 1px dashed #EEEEEE;
border-spacing: 2px;
font-size: 11pt;
font-weight: bold;
}
#columnC {
float: right;
width: 160px;
}
#columnC h3 {
height: 22px;
border-bottom: 1px dashed #EEEEEE;
border-spacing: 2px;
font-size: 11pt;
font-weight: bold;
}
/** FOOTER */
#footer {
clear: both;
margin: 0px auto;
height: 59px;
background: url(./regger-images/img03.gif) repeat-x left top;
text-align: center;
}
#footer p {
margin: 0px;
padding: 18px 0px 0px 0px;
font-size: 10px;
color: #FFFFFF;
}
#footer a {
color: #CCCCCC;
}
/** Regger */
.regger_checkbox {
width:20px;
height:20px;
}
td.legend {
font-size:14pt;
font-weight:bold;
}
td.trenner {
width:20px;
}
td.input {
text-align:right;
}
td.input input {
width:172px;
height:25px;
border:1px solid #1E3851;
font-size:15pt;
}
td.input textarea {
border:1px solid #1E3851;
font-size:15pt;
}
td.input select {
width:243px;
height:33px;
font-size:15pt;
}
tr.row0 {
background-color:#E0E8EF;
}
tr.row1 {
background-color:#EFF7FF;
}
kann man css eigentlich mit html kombinieren?
html kann ich besser xD
Lg