hi guys, i have two css files i need to merge togther but its getting a bit tricky for me! ive tired a few times but i cant get it working.
i have stripped them both down to whats different in each CSS file's.
i have the two different css files operating on different pages and i was needing some help putting them into one.
any help or tips or anything would be great.
file 1.css
label {
float: left;
width: 7em;
}
.desclabel {
width: 30em;
padding-top: 2px;
padding-left: 19em;
padding-bottom: 10px;
}
.linelabel {
width: 30em;
padding-top: 2px;
padding-left: 2em;
font-weight: bold;
padding-bottom: 10px;
}
input {
width: 11em;
height: 12px;
margin-bottom: 5px;
}
input.addbutton {
width: 8em;
height: 22px;
background-color: #e6e6e6;
border-color: #ccc #666 #666 #ccc;
margin-top: 1em;
margin-left: 26em;
padding: 0;
cursor: pointer;
}
file 2.css
input, select {
width: 11em;
height: 12px;
font: 12px/14px Verdana, sans-serif;
margin-bottom: 1px
}
input.button {
width: 5em;
height: 22px;
background-color: #e6e6e6;
border-color: #ccc #666 #666 #ccc;
margin-left: 7em;
margin-top: 4px;
cursor: pointer;
}
label {
float: left;
width: 5em;
font: 12px/14px Verdana, sans-serif;
}Your not going to be able to put them css attributes in one file as you have defined label twice with different values make one a class.
And how are you finding it so hard to merge the both of them just copy and paste them into one file.
i have stripped them both down to whats different in each CSS file's.
i have the two different css files operating on different pages and i was needing some help putting them into one.
any help or tips or anything would be great.
file 1.css
label {
float: left;
width: 7em;
}
.desclabel {
width: 30em;
padding-top: 2px;
padding-left: 19em;
padding-bottom: 10px;
}
.linelabel {
width: 30em;
padding-top: 2px;
padding-left: 2em;
font-weight: bold;
padding-bottom: 10px;
}
input {
width: 11em;
height: 12px;
margin-bottom: 5px;
}
input.addbutton {
width: 8em;
height: 22px;
background-color: #e6e6e6;
border-color: #ccc #666 #666 #ccc;
margin-top: 1em;
margin-left: 26em;
padding: 0;
cursor: pointer;
}
file 2.css
input, select {
width: 11em;
height: 12px;
font: 12px/14px Verdana, sans-serif;
margin-bottom: 1px
}
input.button {
width: 5em;
height: 22px;
background-color: #e6e6e6;
border-color: #ccc #666 #666 #ccc;
margin-left: 7em;
margin-top: 4px;
cursor: pointer;
}
label {
float: left;
width: 5em;
font: 12px/14px Verdana, sans-serif;
}Your not going to be able to put them css attributes in one file as you have defined label twice with different values make one a class.
And how are you finding it so hard to merge the both of them just copy and paste them into one file.