Column Headers getting squished.
Column Headers getting squished.
So ive finally got my first DataTables program working as i wanted (yay!) but am now having a minor GUI problem. For some reason the top of my columns is getting squished way down. Like this:
http://i50.tinypic.com/331lixi.jpg
Anyone have a thought on this? Thanks!
http://i50.tinypic.com/331lixi.jpg
Anyone have a thought on this? Thanks!
This discussion has been closed.
Replies
margin: 30px 0 0 18px; }
h3 {font-size: 15px; color: #ff9100; text-transform: uppercase;
margin-top: 1em; }
#main h3, .half h3, .last_half h3 {margin-bottom: .5em; margin-top: .5em}
#secondary h3 {text-transform: uppercase; color: #5a5b5b; font-size:
12px; margin: 2em 0 1em 0; border-top: none}
#main h3.first, #secondary h3.first, #tertiary h3.first {margin-top: 0;}
#tertiary h3 {color: #807f83; border-bottom: 1px solid #e1e2e3;
margin: 1.5em 0 1em 0; padding: .1em 0}
h4, h5, h6 {margin: 1.5em 0 .5em 0;}
h4 {font-size: 12px; color: #666; text-transform: uppercase;
letter-spacing: 1px; font-weight: bold}
h5 {font-size: 11px; color: #97969a; text-transform: uppercase;
letter-spacing: 1px; font-weight: normal;}
h6 {font-size: 11px; color: #ff9100; text-transform: uppercase;
letter-spacing: 1px; font-weight: normal;}[/code]
then i have a specific header.jsp file which is linked to this css file as well as the base CSS file above:
[code]
#project {
float: left;
}
#selectUser {
float:left;
width:300px;
margin-left: 50px;
}
.required{
color:red;
font-weight:normal;
}
#message {
font-size: 14px;
margin-top: 10px;
}
.error {
color: red;
}
.success {
color: green;
}
textarea, input, select {
font-family: inherit;
font-size: inherit;
}
.ui-accordion-header-active{
background: #e6e6e6;
}
.label{
font-weight: bold;
color: black;
}[/code]