I am working on client project & looking for help.
I have attached clode below, problem in IE & cutting off top border portion of the bos near by my dates.
I just fadup with this problem... can any one guide me as well help me out.
============================== code part 1 ================
a#link1:link {
COLOR: #fff000/The color of the link/
}
a#link1:visited {
COLOR: #fff000/The color of the visited link/
}
a#link1:hover {
COLOR: red /The color of the mouseover or 'hover' link/
}
BODY { COLOR: #000000 /The color of all the other text within the body of the page/
}
.jamactive { width: auto;
padding: 6px 10px;
background: #0066CC;
border: solid 1px #000099;
font: 12px/100% Verdana, Tahoma, sans-serif;
font-weight: 500;
color: #ffffff;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
-webkit-appearance: none;
cursor: pointer;}
.jamactive:hover
{
background-color: #000099;
border: solid 1px #000066;}
.jaminactive { width: auto;
padding: 6px 10px;
background: #666666;
border: solid 1px #000000;
font: 12px/100% Verdana, Tahoma, sans-serif;
font-weight: 500;
color: #cccccc;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
-webkit-appearance: none;
cursor: pointer;}
.jaminactive:hover
{
color: #ffffff;
}
.jamactive:hover
{
background-color: #000099;
border: solid 1px #000066;}
.jamdate { width: auto;
padding: 3px 4px;
background: #FFFFCC;
border: solid 1px #888;
font: 11px/100% Verdana, Tahoma, sans-serif;
font-weight: 500;
color: #222222;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
-webkit-appearance: none;
cursor: pointer;}
.box-container{
position:relative;
width:920px;
margin:0px auto 0px auto;
_margin-top:0px;
overflow:hidden;
-moz-border-radius:15px;
-webkit-border-radius:15px;
}
.boxcontents{
background:#FFF;
margin:10px;
padding:0px;
}
.clear{
display:block;
clear:both;
height:0;
line-height:0;
}
.bg-black{
background:#000;
}
.bg-red{
background:#A00;
}
.bg-green{
background:#060;
}
.bg-blue{
background:#009;
}
.brd-black{
border:solid 2px #000;
}
.brd-red{
border:solid 2px #A00;
}
.brd-green{
border:solid 2px #060;
}
.brd-blue{
border:solid 2px #009;
}
.left{
float:left;
padding-right:10px;
}
.right{
float:right;
padding-left:10px;
}
.center{
text-align:center;
}
$(function(){
var $rowSelectors = $("#controls input.rowSelector");
var $eventRows = $("tbody#eventsList tr");
function setStripes(){
$eventRows.not(":hidden").removeClass('stripe1').addClass('stripe0').filter(":odd").removeClass('stripe0').addClass('stripe1');
}
$rowSelectors.click(function(){
$rowSelectors.each(function(){
var fn = this.checked ? 'show' : 'hide';
$eventRows.filter("." + this.value)fn;
setStripes();
});
});
$("#massControls a").click(function(){
$rowSelectors.attr('checked', (this.name==='1')?true:false).eq(0).triggerHandler('click');
}).eq(0).click();//change to .eq(1).click() for initially [all off]
});
============================== end part 1 ============
Thanks in advanced
web design company
Hello Friends,
I am working on client project & looking for help.
I have attached clode below, problem in IE & cutting off top border portion of the bos near by my dates. I just fadup with this problem... can any one guide me as well help me out.
============================== code part 1 ================ a#link1:link { COLOR: #fff000/The color of the link/ } a#link1:visited { COLOR: #fff000/The color of the visited link/ } a#link1:hover { COLOR: red /The color of the mouseover or 'hover' link/ } BODY { COLOR: #000000 /The color of all the other text within the body of the page/ } .jamactive { width: auto; padding: 6px 10px; background: #0066CC; border: solid 1px #000099; font: 12px/100% Verdana, Tahoma, sans-serif; font-weight: 500; color: #ffffff; -moz-border-radius: 5px; -webkit-border-radius: 5px; -webkit-appearance: none; cursor: pointer;} .jamactive:hover { background-color: #000099; border: solid 1px #000066;} .jaminactive { width: auto; padding: 6px 10px; background: #666666; border: solid 1px #000000; font: 12px/100% Verdana, Tahoma, sans-serif; font-weight: 500; color: #cccccc; -moz-border-radius: 5px; -webkit-border-radius: 5px; -webkit-appearance: none; cursor: pointer;} .jaminactive:hover { color: #ffffff; } .jamactive:hover { background-color: #000099; border: solid 1px #000066;} .jamdate { width: auto; padding: 3px 4px; background: #FFFFCC; border: solid 1px #888; font: 11px/100% Verdana, Tahoma, sans-serif; font-weight: 500; color: #222222; -moz-border-radius: 5px; -webkit-border-radius: 5px; -webkit-appearance: none; cursor: pointer;} .box-container{ position:relative; width:920px; margin:0px auto 0px auto; _margin-top:0px; overflow:hidden; -moz-border-radius:15px; -webkit-border-radius:15px; } .boxcontents{ background:#FFF; margin:10px; padding:0px; } .clear{ display:block; clear:both; height:0; line-height:0; } .bg-black{ background:#000; } .bg-red{ background:#A00; } .bg-green{ background:#060; } .bg-blue{ background:#009; } .brd-black{ border:solid 2px #000; } .brd-red{ border:solid 2px #A00; } .brd-green{ border:solid 2px #060; } .brd-blue{ border:solid 2px #009; } .left{ float:left; padding-right:10px; } .right{ float:right; padding-left:10px; } .center{ text-align:center; } $(function(){ var $rowSelectors = $("#controls input.rowSelector"); var $eventRows = $("tbody#eventsList tr"); function setStripes(){ $eventRows.not(":hidden").removeClass('stripe1').addClass('stripe0').filter(":odd").removeClass('stripe0').addClass('stripe1'); } $rowSelectors.click(function(){ $rowSelectors.each(function(){ var fn = this.checked ? 'show' : 'hide'; $eventRows.filter("." + this.value)fn; setStripes(); }); }); $("#massControls a").click(function(){ $rowSelectors.attr('checked', (this.name==='1')?true:false).eq(0).triggerHandler('click'); }).eq(0).click();//change to .eq(1).click() for initially [all off] }); ============================== end part 1 ============ Thanks in advanced web design company
Can you put this in Codepen?
It's much better than posting code here.