05-05-2011, 21:17
Witam chciałbym ustwić tło względem strony na stronie : www.radio-party.xaa.pl
oto moj style.css:
@charset "iso-8859-2";
/* CSS Document */
body{
background: url(images/tlo2.jpg)
padding:0px;
margin:0px;
}
div,td,tr{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
}
.pds{
position:relative;
margin:auto;
width:750px;
}
.t1{
width:750px;
height:270px;
}
.t1 div{
float:left;
}
.m1{
background:url(images/t4.gif);
text-align:center;
padding:10px 5px 13px 5px;
color:#ccc;
font-weight:bold;
}
.m1 a{ color:#ccc; text-decoration:none; padding:0px 10px 0px 10px;}
.m1 a:hover{color:#fff;}
.d1 {
background:url(images/d1.jpg);
padding:15px 5px 12px 5px;
text-align:center;
font-weight:bold;
color:#fff;
}
.s1{
background:url(images/tlo.jpg);
}
.mng{
background:url(images/ng1.jpg);
color:#fff;
font-weight:bold;
text-align:center;
font-size:10px;
padding:8px 2px 9px 0px;
}
.menu{
list-style: none;
margin:0px;
margin-left:1px;
padding:0px;
}
.menu li a{
display:block;
width:143px;
padding:7px 0px 8px 15px;
background:url(images/m_tlo.gif);
border-bottom:1px solid #454647;
color:#CCCCCC;
font-size:10px;
font-weight:bold;
text-decoration:none;
}
.menu li a:hover{
border-bottom:1px solid #454647;
color:#00CCFF;
text-decoration:none;
font-size:10px;
font-weight:bold;
}
.mtekst{
color:#9DA0A3;
padding:5px;
font-size:10px;
}
.sng{
background:url(images/ng2.jpg);
color:#fff;
font-weight:bold;
text-align:center;
font-size:10px;
padding:8px 2px 15px 0px;
}
.tresc{
font-size:12px;
color:#CCCCCC;
padding:5px;
}
.tresc p{ margin-top:0px;}
a{
color:#fff;
}
/* top */
.tx1{
position:absolute;
font-weight:bold;
color:#D9EBF0;
left: 546px;
top: 178px;
}
.tx2{
position:absolute;
font-weight:bold;
color:#D9EBF0;
left: 546px;
top: 200px;
}
.tx3{
position:absolute;
font-weight:bold;
color:#D9EBF0;
left: 546px;
top: 222px;
}
.tx4{
position:absolute;
font-weight:bold;
color:#999;
left: 9px;
top: 376px;
}
.tx5{
position:absolute;
font-weight:bold;
color:#D9EBF0;
left: 546px;
top: 92px;
width: 186px;
}
/* ------------- */
oto moj style.css:
@charset "iso-8859-2";
/* CSS Document */
body{
background: url(images/tlo2.jpg)
padding:0px;
margin:0px;
}
div,td,tr{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
}
.pds{
position:relative;
margin:auto;
width:750px;
}
.t1{
width:750px;
height:270px;
}
.t1 div{
float:left;
}
.m1{
background:url(images/t4.gif);
text-align:center;
padding:10px 5px 13px 5px;
color:#ccc;
font-weight:bold;
}
.m1 a{ color:#ccc; text-decoration:none; padding:0px 10px 0px 10px;}
.m1 a:hover{color:#fff;}
.d1 {
background:url(images/d1.jpg);
padding:15px 5px 12px 5px;
text-align:center;
font-weight:bold;
color:#fff;
}
.s1{
background:url(images/tlo.jpg);
}
.mng{
background:url(images/ng1.jpg);
color:#fff;
font-weight:bold;
text-align:center;
font-size:10px;
padding:8px 2px 9px 0px;
}
.menu{
list-style: none;
margin:0px;
margin-left:1px;
padding:0px;
}
.menu li a{
display:block;
width:143px;
padding:7px 0px 8px 15px;
background:url(images/m_tlo.gif);
border-bottom:1px solid #454647;
color:#CCCCCC;
font-size:10px;
font-weight:bold;
text-decoration:none;
}
.menu li a:hover{
border-bottom:1px solid #454647;
color:#00CCFF;
text-decoration:none;
font-size:10px;
font-weight:bold;
}
.mtekst{
color:#9DA0A3;
padding:5px;
font-size:10px;
}
.sng{
background:url(images/ng2.jpg);
color:#fff;
font-weight:bold;
text-align:center;
font-size:10px;
padding:8px 2px 15px 0px;
}
.tresc{
font-size:12px;
color:#CCCCCC;
padding:5px;
}
.tresc p{ margin-top:0px;}
a{
color:#fff;
}
/* top */
.tx1{
position:absolute;
font-weight:bold;
color:#D9EBF0;
left: 546px;
top: 178px;
}
.tx2{
position:absolute;
font-weight:bold;
color:#D9EBF0;
left: 546px;
top: 200px;
}
.tx3{
position:absolute;
font-weight:bold;
color:#D9EBF0;
left: 546px;
top: 222px;
}
.tx4{
position:absolute;
font-weight:bold;
color:#999;
left: 9px;
top: 376px;
}
.tx5{
position:absolute;
font-weight:bold;
color:#D9EBF0;
left: 546px;
top: 92px;
width: 186px;
}
/* ------------- */