Помощ с CSS

xAkc

Registered
Здравейте опитвам се да променя 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;
}
 
Ако дадеш нормално раобтещо демо ще ти помогна. Но на линка който си дал нищо не се вижда...
 
#warningbox {
background: url('пътя до снимката');
display: none;
position: fixed;
top: 50%;
left: 50%;
width: 440px;
height: 190px;
margin: -129px 0 0 -250px;
padding: 30px;
z-index: 20;
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 h2 {
width: 376px;
border-bottom: 1px solid #dcd9cf;
font-family: Arial, Tahoma, sans-serif;
font-size: 20px;
color: #fff;
margin: 0 auto;
padding: 0 0 10px;
}
 
видях че title ти е цс система а си качил на hit.bg искам да ти кажа че hit.bg не поддържат PHP и mysql ако искаш пробвай с 000webhost или си изтегли xampp
 
Аз ще те посъветвам на махнеш този маргин, понеже ще ти прави мизерии :)

#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 */
}
 
не се получава ... http://fenna.99k.org/index.html

Без маргин таблицата не е центрирана и отива в десния ъгъл доло при mozilla
 
Виждам картинката,си е поставил ,сега проблема само центрирането ли остана?
Най-добре я центрирай така:
[css]margin-left:auto;
margin-right:auto;
margin-top:130px;[/css]
и толкова...
пс:Но махни position:fixed;
и top/bottom
 

Back
Горе