Здравейте опитвам се да променя Background color на таблицата и да го заменя с снимка, но не ми се получава и реших да попитам тук.
Това е кога към css а самият тест го правя на http://approba.hit.bg/index.html искам и червения цвят да променя на текста но и той не се променя ако може малко помощ.
#blackbg {
display: none;
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
opacity: 0.5;
filter:alpha(opacity=0.5);
z-index: 10;
background: #000;
}
#warningbox {
display: none;
position: fixed;
top: 50%;
left: 50%;
width: 440px;
height: 190px;
margin: -129px 0 0 -250px;
padding: 30px;
z-index: 20;
background: #a4a4a4;
border: 4px solid #5c5c5c;
font-family: "Trebuchet MS", Arial, Tahoma, sans-serif;
font-weight: 700;
text-align: center;
box-shadow: 0px 0px 5px #676767; /* Opera */
-moz-box-shadow: 0px 0px 5px #676767; /* Firefox */
-webkit-box-shadow: 0px 0px 5px #676767; /* Chrome / Safari */
}
#warningbox a, a:link, a:visited { outline: none; text-decoration: none; }
#warningbox .clr { clear: both; height: 0; line-height: 0; font-size: 0; }
#warningbox h2 {
width: 376px;
border-bottom: 1px solid #dcd9cf;
font-family: Arial, Tahoma, sans-serif;
font-size: 20px;
color: #c41c1c;
margin: 0 auto;
padding: 0 0 10px;
}
#warningbox p.info {
color: #757165;
font-size: 12px;
margin: 30px 0;
}
#buttons {
margin: 0 auto;
}
#buttons a {
float: left;
border: 1px solid #c4bfab;
background: #e0e0e0;
margin: 0 20px;
}
#buttons a:hover {
background: #d7d5cc;
}
#buttons a span {
float: left;
border: 1px solid #f5f4f1;
width: 106px;
height: 28px;
color: #747474;
font-size: 13px;
line-height: 28px;
cursor: pointer;
}
Това е кога към css а самият тест го правя на http://approba.hit.bg/index.html искам и червения цвят да променя на текста но и той не се променя ако може малко помощ.
#blackbg {
display: none;
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
opacity: 0.5;
filter:alpha(opacity=0.5);
z-index: 10;
background: #000;
}
#warningbox {
display: none;
position: fixed;
top: 50%;
left: 50%;
width: 440px;
height: 190px;
margin: -129px 0 0 -250px;
padding: 30px;
z-index: 20;
background: #a4a4a4;
border: 4px solid #5c5c5c;
font-family: "Trebuchet MS", Arial, Tahoma, sans-serif;
font-weight: 700;
text-align: center;
box-shadow: 0px 0px 5px #676767; /* Opera */
-moz-box-shadow: 0px 0px 5px #676767; /* Firefox */
-webkit-box-shadow: 0px 0px 5px #676767; /* Chrome / Safari */
}
#warningbox a, a:link, a:visited { outline: none; text-decoration: none; }
#warningbox .clr { clear: both; height: 0; line-height: 0; font-size: 0; }
#warningbox h2 {
width: 376px;
border-bottom: 1px solid #dcd9cf;
font-family: Arial, Tahoma, sans-serif;
font-size: 20px;
color: #c41c1c;
margin: 0 auto;
padding: 0 0 10px;
}
#warningbox p.info {
color: #757165;
font-size: 12px;
margin: 30px 0;
}
#buttons {
margin: 0 auto;
}
#buttons a {
float: left;
border: 1px solid #c4bfab;
background: #e0e0e0;
margin: 0 20px;
}
#buttons a:hover {
background: #d7d5cc;
}
#buttons a span {
float: left;
border: 1px solid #f5f4f1;
width: 106px;
height: 28px;
color: #747474;
font-size: 13px;
line-height: 28px;
cursor: pointer;
}