+- Forum Webmastera, HTML, CSS, PHP, MySQL, Hosting, Domeny - Forum dla Webmasterów (https://www.webmastertalk.pl)
+-- Dział: Technologie internetowe - tworzenie stron WWW (https://www.webmastertalk.pl/forum-technologie-internetowe-tworzenie-stron-www)
+--- Dział: xHTML, CSS, JavaScript (https://www.webmastertalk.pl/forum-xhtml-css-javascript)
+--- Wątek: tło wzgledem strony (/thread-tlo-wzgledem-strony)
tło wzgledem strony - adus1235 - 05-05-2011
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;
}
/* ------------- */
RE: tło wzgledem strony - hieroshima - 05-05-2011
co to znaczy względem strony?
background: url(obraz) repeat - powtarza obraz w pionie i poziomie
background: url(obraz) repeat-x - powtarza obraz w poziomie
background: url(obraz) repeat-y - powtarza obraz w pionie
background: url(obraz) no-repeat - nie powtarza/powiela obrazu
RE: tło wzgledem strony - adus1235 - 05-05-2011
chodzi mi o to by sie tło przystosowywało do okna przeglądarki rozumiesz o co mi chodzi??
RE: tło wzgledem strony - hieroshima - 05-05-2011
http://www.kurshtml.edu.pl/przyklady/css/tlo_rozmiary.html
RE: tło wzgledem strony - adus1235 - 05-05-2011
a mozesz mi wytłumaczyc jak to wpisac by dziłało?? bo to chyba w html jest
RE: tło wzgledem strony - Ancik - 06-05-2011
Przede wszystkim pytanie brzmi, jakie chcesz ustawić tam tło. Jeżeli pattern (powtarzający się element, np. ukośne linie) to wystarczy wyciąć odpowiedni urywek tła, który za pomocą deklaracji repeat-x/y będzie powielany w pionie/poziomie i zachowa ciągłość.
Jeżeli tłem ma być, dajmy na to zdjęcie, to powinno mieć przede wszystkim spore rozmiary. Rozciągniecie zdjęcia z pomocą width/height 100% tylko je zepsuje, rozciągnie i rozmyje.
Pozdrawiam.
RE: tło wzgledem strony - adus1235 - 06-05-2011
no to ma byc zdjęcie dużych rozmirów wiec jak??
RE: tło wzgledem strony - adus1235 - 07-05-2011
pomoże ktoś bo wszedzie w necie szukałem i tego nie ma a jak jest to nie działa
