Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

> [HTML][CSS]Nie rozciągające sie tło
Iron22
post 16.04.2010, 21:02:00
Post #1





Grupa: Zarejestrowani
Postów: 46
Pomógł: 0
Dołączył: 16.04.2010

Ostrzeżenie: (0%)
-----

Zrobiłem stronkę ale mam pewnien problem
Otóż tło w tym wypadku obrazkowe nie chce mi dostosowac sie do ilości tekstu i sie rozdziela. Próbowałem juz różnych metod ale nic nie działa.

Pomóżcie

CODE
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Bez nazwy 1</title>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1250" />
<!-- ImageReady Styles (Bez nazwy 1) -->
<style type="text/css">
<!--

#Tabela_01 {
position:absolute;
left:100px;
top:0px;
width:760px;
height:800px;
text-align:center


}
body{background:#CCCCCC;}
img{ border:none;}
#index-01_ {
position:absolute;
left:0px;
top:0px;
width:1px;
height:246px;
}

#index-02_ {
position:absolute;
left:1px;
top:0px;
width:191px;
height:239px;
}

#index-03_ {
position:absolute;
left:192px;
top:0px;
width:568px;
height:7px;
}

#index-04_ {
position:absolute;
left:192px;
top:7px;
width:59px;
height:239px;
}

#index-05_ {
position:absolute;
left:251px;
top:7px;
width:226px;
height:223px;
}

#index-06_ {
position:absolute;
left:477px;
top:7px;
width:41px;
height:239px;
}

#index-07_ {
position:absolute;
left:518px;
top:7px;
width:212px;
height:232px;
}

#index-08_ {
position:absolute;
left:730px;
top:7px;
width:30px;
height:239px;
}

#index-09_ {
position:absolute;
left:251px;
top:230px;
width:226px;
height:16px;
}

#index-10_ {
position:absolute;
left:1px;
top:239px;
width:191px;
height:7px;
}

#index-11_ {
position:absolute;
left:518px;
top:239px;
width:212px;
height:7px;
}

#index-12_ {
position:absolute;
left:0px;
top:246px;
width:760px;
height:11px;
}

#index-13_ {
position:absolute;
left:0px;
top:257px;
width:1px;
height:105px;
}

#index-14_ {
position:absolute;
left:1px;
top:257px;
width:759px;
height:21px;
}

#index-15_ {
position:absolute;
left:1px;
top:278px;
width:21px;
height:84px;
}

#index-16_ {
position:absolute;
left:22px;
top:278px;
width:110px;
height:63px;
}

#index-17_ {
position:absolute;
left:132px;
top:278px;
width:22px;
height:84px;
}

#index-18_ {
position:absolute;
left:154px;
top:278px;
width:212px;
height:63px;
}

#index-19_ {
position:absolute;
left:366px;
top:278px;
width:15px;
height:84px;
}

#index-20_ {
position:absolute;
left:381px;
top:278px;
width:195px;
height:63px;
}

#index-21_ {
position:absolute;
left:576px;
top:278px;
width:13px;
height:84px;
}

#index-22_ {
position:absolute;
left:589px;
top:278px;
width:143px;
height:63px;
}

#index-23_ {
position:absolute;
left:732px;
top:278px;
width:28px;
height:84px;
}

#index-24_ {
position:absolute;
left:22px;
top:341px;
width:110px;
height:21px;
}

#index-25_ {
position:absolute;
left:154px;
top:341px;
width:212px;
height:21px;
}

#index-26_ {
position:absolute;
left:381px;
top:341px;
width:195px;
height:21px;
}

#index-27_ {
position:absolute;
left:589px;
top:341px;
width:143px;
height:21px;
}

#index-28_ {
position:absolute;
left:0px;
top:362px;
width:760px;
height:11px;
}

#index-29_ {

position:absolute;
left:0px;
top:373px;
width:760px;
height:427px;

}

#Tabela_01 #index-29_ {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 18px;
font-style: normal;
color: #333333;
background:url(Obrazki/index_29.jpg);

}

-->
</style>
<!-- End ImageReady Styles -->
</head>
<body style="background-color:#FFFFFF;">
<!-- ImageReady Slices (Bez nazwy 1) -->
<div id="Tabela_01">
<div id="index-01_">
<img id="index_01" src="Obrazki/index_01.jpg" width="1" height="246" alt="" />
</div>
<div id="index-02_">
<img id="index_02" src="Obrazki/index_02.jpg" width="191" height="239" alt="" />
</div>
<div id="index-03_">
<img id="index_03" src="Obrazki/index_03.jpg" width="568" height="7" alt="" />
</div>
<div id="index-04_">
<img id="index_04" src="Obrazki/index_04.jpg" width="59" height="239" alt="" />
</div>
<div id="index-05_">
<img id="index_05" src="Obrazki/index_05.jpg" width="226" height="223" alt="" />
</div>
<div id="index-06_">
<img id="index_06" src="Obrazki/index_06.jpg" width="41" height="239" alt="" />
</div>
<div id="index-07_">
<img id="index_07" src="Obrazki/index_07.jpg" width="212" height="232" alt="" />
</div>
<div id="index-08_">
<img id="index_08" src="Obrazki/index_08.jpg" width="30" height="239" alt="" />
</div>
<div id="index-09_">
<img id="index_09" src="Obrazki/index_09.jpg" width="226" height="16" alt="" />
</div>
<div id="index-10_">
<img id="index_10" src="Obrazki/index_10.jpg" width="191" height="7" alt="" />
</div>
<div id="index-11_">
<img id="index_11" src="Obrazki/index_11.jpg" width="212" height="7" alt="" />
</div>
<div id="index-12_">
<img id="index_12" src="Obrazki/index_12.jpg" width="760" height="11" alt="" />
</div>
<div id="index-13_">
<img id="index_13" src="Obrazki/index_13.jpg" width="1" height="105" alt="" />
</div>
<div id="index-14_">
<img id="index_14" src="Obrazki/index_14.jpg" width="759" height="21" alt="" />
</div>
<div id="index-15_">
<img id="index_15" src="Obrazki/index_15.jpg" width="21" height="84" alt="" />
</div>
<div id="index-16_">
<a href="o nas.html"target="_blank"><img id="index_16" src="Obrazki/index_16.jpg" width="110" height="63" alt="" /></a>
</div>
<div id="index-17_">
<img id="index_17" src="Obrazki/index_17.jpg" width="22" height="84" alt="" />
</div>
<div id="index-18_"> <a href="http://www.allegro.pl/show_user_auctions.php?uid=9581771" target="_blank">
<img id="index_18" src="Obrazki/index_18.jpg" width="212" height="63" alt="" /></a>
</div>
<div id="index-19_">
<img id="index_19" src="Obrazki/index_19.jpg" width="15" height="84" alt="" />
</div>
<div id="index-20_"> <a href="http://www.allegro.pl/show_user.php?uid=9581771" target="_blank">
<img id="index_20" src="Obrazki/index_20.jpg" width="195" height="63" alt="" /></a>
</div>
<div id="index-21_">
<img id="index_21" src="Obrazki/index_21.jpg" width="13" height="84" alt="" />
</div>
<div id="index-22_">
<img id="index_22" src="Obrazki/index_22.jpg" width="143" height="63" alt="" />
</div>
<div id="index-23_">
<img id="index_23" src="Obrazki/index_23.jpg" width="28" height="84" alt="" />
</div>
<div id="index-24_">
<img id="index_24" src="Obrazki/index_24.jpg" width="110" height="21" alt="" />
</div>
<div id="index-25_">
<img id="index_25" src="Obrazki/index_25.jpg" width="212" height="21" alt="" />
</div>
<div id="index-26_">
<img id="index_26" src="Obrazki/index_26.jpg" width="195" height="21" alt="" />
</div>
<div id="index-27_">
<img id="index_27" src="Obrazki/index_27.jpg" width="143" height="21" alt="" />
</div>
<div id="index-28_">
<img id="index_28" src="Obrazki/index_28.jpg" width="760" height="11" alt="" />
</div>
<div id="index-29_">
Jakiś tekst


<img id="index_29" src="Obrazki/index_29.jpg" width="760" height="427" alt="" />
</div>
</div>


Ten post edytował Iron22 16.04.2010, 21:06:38
Go to the top of the page
+Quote Post
2 Stron V   1 2 >  
 Start new topic
Odpowiedzi (1 - 19)
krzysztof_kf
post 16.04.2010, 21:05:19
Post #2





Grupa: Zarejestrowani
Postów: 1 135
Pomógł: 158
Dołączył: 19.03.2009
Skąd: Toruń

Ostrzeżenie: (0%)
-----

Gdzie tkwi problem po co wklejasz cały szablon
Go to the top of the page
+Quote Post
Iron22
post 16.04.2010, 21:08:41
Post #3





Grupa: Zarejestrowani
Postów: 46
Pomógł: 0
Dołączył: 16.04.2010

Ostrzeżenie: (0%)
-----

Stronka

a tak wygląda problem

tekst rozwala mi stronkę.

Jak zrobić aby to sie dopasowywało automatycznie do ilości tekstu?
Go to the top of the page
+Quote Post
krzysztof_kf
post 16.04.2010, 21:14:37
Post #4





Grupa: Zarejestrowani
Postów: 1 135
Pomógł: 158
Dołączył: 19.03.2009
Skąd: Toruń

Ostrzeżenie: (0%)
-----

Dla tła dodaj i nie musisz dodawać danej wysokości dla elementu 

[CSS] pobierz, plaintext 
  1. overflow: hidden;
[CSS] pobierz, plaintext


Ten post edytował krzysztof_kf 16.04.2010, 21:18:03
Go to the top of the page
+Quote Post
Iron22
post 16.04.2010, 21:58:20
Post #5





Grupa: Zarejestrowani
Postów: 46
Pomógł: 0
Dołączył: 16.04.2010

Ostrzeżenie: (0%)
-----

dałem
CODE
#Tabela_01 {
position:absolute;
left:100px;
top:0px;
width:760px;
height:800px;
text-align:center


}
body{background:#CCCCCC;}
img{ border:none;}
#index-01_ {
position:absolute;
left:0px;
top:0px;
width:1px;
height:246px;
}

I jest to samo

Ten post edytował Iron22 16.04.2010, 22:01:21
Go to the top of the page
+Quote Post
krzysztof_kf
post 16.04.2010, 21:59:41
Post #6





Grupa: Zarejestrowani
Postów: 1 135
Pomógł: 158
Dołączył: 19.03.2009
Skąd: Toruń

Ostrzeżenie: (0%)
-----

A możesz pokazać kawałek kodu gdzie leży problem najlepiej www

Ten post edytował krzysztof_kf 16.04.2010, 22:00:04
Go to the top of the page
+Quote Post
Iron22
post 16.04.2010, 22:06:33
Post #7





Grupa: Zarejestrowani
Postów: 46
Pomógł: 0
Dołączył: 16.04.2010

Ostrzeżenie: (0%)
-----

ALe ja tej strony nie mam jeszcze wrzuconej na serwer.

A bład myślę że tkwi tutaj

CODE
#index-29_ {

position:absolute;
left:0px;
top:373px;
width:760px;
height:427px;

}

#Tabela_01 #index-29_ {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 18px;
font-style: normal;
color: #333333;
background:url(Obrazki/index_29.jpg);

}




To jest Div w tkórym chce wprowadzac tekst

CODE
#index-29_ {

position:absolute;
left:0px;
top:373px;
width:760px;
height:427px;


a to jest styl CSS dodany do niego

#Tabela_01 #index-29_ {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 18px;
font-style: normal;
color: #333333;
background:url(Obrazki/index_29.jpg);


Ten post edytował Iron22 16.04.2010, 22:07:00
Go to the top of the page
+Quote Post
krzysztof_kf
post 16.04.2010, 22:11:18
Post #8





Grupa: Zarejestrowani
Postów: 1 135
Pomógł: 158
Dołączył: 19.03.2009
Skąd: Toruń

Ostrzeżenie: (0%)
-----

Dla selektora dodaj 

[CSS] pobierz, plaintext 
  1. #index-29_ {
  2. overflow: hidden;
[CSS] pobierz, plaintext


i wyrzuć wtedy height
Go to the top of the page
+Quote Post
Iron22
post 16.04.2010, 22:29:01
Post #9





Grupa: Zarejestrowani
Postów: 46
Pomógł: 0
Dołączył: 16.04.2010

Ostrzeżenie: (0%)
-----

CODE
#index-29_ {overflow:hidden;

position:absolute;
left:0px;
top:373px;
width:760px;
height:427px;

}

#Tabela_01 #index-29_ {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 18px;
font-style: normal;
color: #333333;
background:url(Obrazki/index_29.jpg);

}


Było by dobrze alenie mam reszty tekstu:(



Ten post edytował Iron22 16.04.2010, 23:06:41
Go to the top of the page
+Quote Post
krzysztof_kf
post 16.04.2010, 22:33:36
Post #10





Grupa: Zarejestrowani
Postów: 1 135
Pomógł: 158
Dołączył: 19.03.2009
Skąd: Toruń

Ostrzeżenie: (0%)
-----

A height wywal ?
Go to the top of the page
+Quote Post
Iron22
post 16.04.2010, 22:40:14
Post #11





Grupa: Zarejestrowani
Postów: 46
Pomógł: 0
Dołączył: 16.04.2010

Ostrzeżenie: (0%)
-----

A to też mam wywalić?
width:760px;
czy tylko to? height:427px;

CODE
#index-29_ { overflow:hidden;

position:absolute;
left:0px;
top:373px;
width:760px;
Go to the top of the page
+Quote Post
krzysztof_kf
post 16.04.2010, 22:44:45
Post #12





Grupa: Zarejestrowani
Postów: 1 135
Pomógł: 158
Dołączył: 19.03.2009
Skąd: Toruń

Ostrzeżenie: (0%)
-----

height:427px; tylko bo tym znacznikiem ustawiasz stała wysokość dla danego kontenera
Go to the top of the page
+Quote Post
Iron22
post 17.04.2010, 12:29:16
Post #13





Grupa: Zarejestrowani
Postów: 46
Pomógł: 0
Dołączył: 16.04.2010

Ostrzeżenie: (0%)
-----

Pomogło dzieki.

Wklejam cały kod jaki teraz mam bo może ktoś kiedyś będzie miał podobny problem.

CODE
#Tabela_01 {
position:absolute;
left:100px;
top:0px;
width:760px;
height:800px;
text-align:center


}
img{ border:none;}
#index-01_ {
position:absolute;
left:0px;
top:0px;
width:1px;
height:246px;
}

#index-02_ {
position:absolute;
left:1px;
top:0px;
width:191px;
height:239px;
}

#index-03_ {
position:absolute;
left:192px;
top:0px;
width:568px;
height:7px;
}

#index-04_ {
position:absolute;
left:192px;
top:7px;
width:59px;
height:239px;
}

#index-05_ {
position:absolute;
left:251px;
top:7px;
width:226px;
height:223px;
}

#index-06_ {
position:absolute;
left:477px;
top:7px;
width:41px;
height:239px;
}

#index-07_ {
position:absolute;
left:518px;
top:7px;
width:212px;
height:232px;
}

#index-08_ {
position:absolute;
left:730px;
top:7px;
width:30px;
height:239px;
}

#index-09_ {
position:absolute;
left:251px;
top:230px;
width:226px;
height:16px;
}

#index-10_ {
position:absolute;
left:1px;
top:239px;
width:191px;
height:7px;
}

#index-11_ {
position:absolute;
left:518px;
top:239px;
width:212px;
height:7px;
}

#index-12_ {
position:absolute;
left:0px;
top:246px;
width:760px;
height:11px;
}

#index-13_ {
position:absolute;
left:0px;
top:257px;
width:1px;
height:105px;
}

#index-14_ {
position:absolute;
left:1px;
top:257px;
width:759px;
height:21px;
}

#index-15_ {
position:absolute;
left:1px;
top:278px;
width:21px;
height:84px;
}

#index-16_ {
position:absolute;
left:22px;
top:278px;
width:110px;
height:63px;
}

#index-17_ {
position:absolute;
left:132px;
top:278px;
width:22px;
height:84px;
}

#index-18_ {
position:absolute;
left:154px;
top:278px;
width:212px;
height:63px;
}

#index-19_ {
position:absolute;
left:366px;
top:278px;
width:15px;
height:84px;
}

#index-20_ {
position:absolute;
left:381px;
top:278px;
width:195px;
height:63px;
}

#index-21_ {
position:absolute;
left:576px;
top:278px;
width:13px;
height:84px;
}

#index-22_ {
position:absolute;
left:589px;
top:278px;
width:143px;
height:63px;
}

#index-23_ {
position:absolute;
left:732px;
top:278px;
width:28px;
height:84px;
}

#index-24_ {
position:absolute;
left:22px;
top:341px;
width:110px;
height:21px;
}

#index-25_ {
position:absolute;
left:154px;
top:341px;
width:212px;
height:21px;
}

#index-26_ {
position:absolute;
left:381px;
top:341px;
width:195px;
height:21px;
}

#index-27_ {
position:absolute;
left:589px;
top:341px;
width:143px;
height:21px;
}

#index-28_ {
position:absolute;
left:0px;
top:362px;
width:760px;
height:11px;
}

#index-29_ { overflow:hidden;

position:absolute;
left:0px;
top:373px;
width:760px;


}

#Tabela_01 #index-29_ {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 18px;
font-style: normal;
color: #333333;
background:url(Obrazki/index_29.jpg);

}

-->
</style>
<!-- End ImageReady Styles -->
</head>
<body style="background-color:#FFFFFF;">
<!-- ImageReady Slices (Bez nazwy 1) -->
<div id="Tabela_01">
<div id="index-01_">
<img id="index_01" src="Obrazki/index_01.jpg" width="1" height="246" alt="" />
</div>
<div id="index-02_">
<img id="index_02" src="Obrazki/index_02.jpg" width="191" height="239" alt="" />
</div>
<div id="index-03_">
<img id="index_03" src="Obrazki/index_03.jpg" width="568" height="7" alt="" />
</div>
<div id="index-04_">
<img id="index_04" src="Obrazki/index_04.jpg" width="59" height="239" alt="" />
</div>
<div id="index-05_">
<img id="index_05" src="Obrazki/index_05.jpg" width="226" height="223" alt="" />
</div>
<div id="index-06_">
<img id="index_06" src="Obrazki/index_06.jpg" width="41" height="239" alt="" />
</div>
<div id="index-07_">
<img id="index_07" src="Obrazki/index_07.jpg" width="212" height="232" alt="" />
</div>
<div id="index-08_">
<img id="index_08" src="Obrazki/index_08.jpg" width="30" height="239" alt="" />
</div>
<div id="index-09_">
<img id="index_09" src="Obrazki/index_09.jpg" width="226" height="16" alt="" />
</div>
<div id="index-10_">
<img id="index_10" src="Obrazki/index_10.jpg" width="191" height="7" alt="" />
</div>
<div id="index-11_">
<img id="index_11" src="Obrazki/index_11.jpg" width="212" height="7" alt="" />
</div>
<div id="index-12_">
<img id="index_12" src="Obrazki/index_12.jpg" width="760" height="11" alt="" />
</div>
<div id="index-13_">
<img id="index_13" src="Obrazki/index_13.jpg" width="1" height="105" alt="" />
</div>
<div id="index-14_">
<img id="index_14" src="Obrazki/index_14.jpg" width="759" height="21" alt="" />
</div>
<div id="index-15_">
<img id="index_15" src="Obrazki/index_15.jpg" width="21" height="84" alt="" />
</div>
<div id="index-16_">
<a href="o nas.html"target="_blank"><img id="index_16" src="Obrazki/index_16.jpg" width="110" height="63" alt="" /></a>
</div>
<div id="index-17_">
<img id="index_17" src="Obrazki/index_17.jpg" width="22" height="84" alt="" />
</div>
<div id="index-18_"> <a href="http://www.allegro.pl/show_user_auctions.php?uid=9581771" target="_blank">
<img id="index_18" src="Obrazki/index_18.jpg" width="212" height="63" alt="" /></a>
</div>
<div id="index-19_">
<img id="index_19" src="Obrazki/index_19.jpg" width="15" height="84" alt="" />
</div>
<div id="index-20_"> <a href="http://www.allegro.pl/show_user.php?uid=9581771" target="_blank">
<img id="index_20" src="Obrazki/index_20.jpg" width="195" height="63" alt="" /></a>
</div>
<div id="index-21_">
<img id="index_21" src="Obrazki/index_21.jpg" width="13" height="84" alt="" />
</div>
<div id="index-22_">
<img id="index_22" src="Obrazki/index_22.jpg" width="143" height="63" alt="" />
</div>
<div id="index-23_">
<img id="index_23" src="Obrazki/index_23.jpg" width="28" height="84" alt="" />
</div>
<div id="index-24_">
<img id="index_24" src="Obrazki/index_24.jpg" width="110" height="21" alt="" />
</div>
<div id="index-25_">
<img id="index_25" src="Obrazki/index_25.jpg" width="212" height="21" alt="" />
</div>
<div id="index-26_">
<img id="index_26" src="Obrazki/index_26.jpg" width="195" height="21" alt="" />
</div>
<div id="index-27_">
<img id="index_27" src="Obrazki/index_27.jpg" width="143" height="21" alt="" />
</div>
<div id="index-28_">
<img id="index_28" src="Obrazki/index_28.jpg" width="760" height="11" alt="" />
</div>
<div id="index-29_">
jakiś tekst.

<img id="index_29" src="Obrazki/index_29.jpg" width="760" height="427" alt="" />
</div>
</div>


A jeszcze mam jedno pytanie tło oczywiście sie rozciąga w nieskończoność więc moge wprowadzać ile tekstu zechcę.
Ale czy da się otrzymac taki efekt żeby tło rozciągało się w nieskończonośc ale żeby było widac gdzie jest koniec tego tła?

To jest obecnie jak wygląda tło po wprowadzeniu komendy hidden i wywaleniu wysokości

Obecny efekt

A czy da sie zrobić żeby tło na tych samych zasadach sie rozciągało jak wyżej tylko żeby na dole było cos takiego?

Taki efekt

Ten post edytował Iron22 17.04.2010, 12:33:42
Go to the top of the page
+Quote Post
krzysztof_kf
post 17.04.2010, 12:30:20
Post #14





Grupa: Zarejestrowani
Postów: 1 135
Pomógł: 158
Dołączył: 19.03.2009
Skąd: Toruń

Ostrzeżenie: (0%)
-----

Dodaj margin do 

[CSS] pobierz, plaintext 
  1. #Tabela_01 {
  2. margin: 0 0 30px 0; 
[CSS] pobierz, plaintext


Ten post edytował krzysztof_kf 17.04.2010, 12:30:54
Go to the top of the page
+Quote Post
Iron22
post 17.04.2010, 12:57:53
Post #15





Grupa: Zarejestrowani
Postów: 46
Pomógł: 0
Dołączył: 16.04.2010

Ostrzeżenie: (0%)
-----

dałem

CODE
#Tabela_01 {
position:absolute;
left:100px;
top:0px;
width:760px;
height:800px;
text-align:center;
margin:0 0 30px 0;


ale nie działa
Go to the top of the page
+Quote Post
krzysztof_kf
post 17.04.2010, 13:01:39
Post #16





Grupa: Zarejestrowani
Postów: 1 135
Pomógł: 158
Dołączył: 19.03.2009
Skąd: Toruń

Ostrzeżenie: (0%)
-----

Wrzuć z diva to 

[CSS] pobierz, plaintext 
  1. position: absolute;
[CSS] pobierz, plaintext


Ten post edytował krzysztof_kf 17.04.2010, 13:03:44
Go to the top of the page
+Quote Post
Iron22
post 17.04.2010, 13:03:42
Post #17





Grupa: Zarejestrowani
Postów: 46
Pomógł: 0
Dołączył: 16.04.2010

Ostrzeżenie: (0%)
-----

Tez nic

CODE
#Tabela_01 #index-29_ {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 18px;
font-style: normal;
color: #333333;
background:url(Obrazki/index_29.jpg);
margin:0 0 30px 0;
}
Go to the top of the page
+Quote Post
krzysztof_kf
post 17.04.2010, 13:05:16
Post #18





Grupa: Zarejestrowani
Postów: 1 135
Pomógł: 158
Dołączył: 19.03.2009
Skąd: Toruń

Ostrzeżenie: (0%)
-----

wrzuć spowrotem tam gdzie wcześniej był margin tylko wyrzuć position: absolute; czyli

[CSS] pobierz, plaintext 
  1. #Tabela_01 {
  2. left:100px;
  3. top:0px;
  4. width:760px;
  5. height:800px;
  6. text-align:center;
  7. margin:0 0 30px 0;
[CSS] pobierz, plaintext


Ten post edytował krzysztof_kf 17.04.2010, 13:05:51
Go to the top of the page
+Quote Post
Iron22
post 17.04.2010, 13:10:23
Post #19





Grupa: Zarejestrowani
Postów: 46
Pomógł: 0
Dołączył: 16.04.2010

Ostrzeżenie: (0%)
-----

Po wyrzuceniu komendy position:absolute; strona mi się przesuneła całkiem w lewo i dalej nic z tłem na dole sie nie zmieniło

Ten post edytował Iron22 17.04.2010, 13:16:27
Go to the top of the page
+Quote Post
krzysztof_kf
post 17.04.2010, 13:18:44
Post #20





Grupa: Zarejestrowani
Postów: 1 135
Pomógł: 158
Dołączył: 19.03.2009
Skąd: Toruń

Ostrzeżenie: (0%)
-----

Ale bajzer popraw na takie coś i usuń całkowicie selektory #Tabela_01 #index-29_ { i #Tabela_01 {

[CSS] pobierz, plaintext 
  1. body {
  2. margin: 0;
  3. }
  4.  
  5. #tabela_01 {
  6. margin: 0 auto;
  7. width: 760px;
  8. background:url(Obrazki/index_29.jpg);
  9. }
  10.  
  11. #index-29_ {
  12. width:760px;
  13. height:800px;
  14. font-family: Verdana, Arial, Helvetica, sans-serif;
  15. font-size: 18px;
  16. font-style: normal;
  17. color: #333333;
  18. text-align:center;
  19. margin:0 0 30px 0;
  20.  
[CSS] pobierz, plaintext


Ten post edytował krzysztof_kf 17.04.2010, 13:23:15
Go to the top of the page
+Quote Post
« Następny starszy · Przedszkole · Następny nowszy »
 

2 Stron V   1 2 >
Reply to this topicStart new topic
1 Użytkowników czyta ten temat (1 Gości i 0 Anonimowych użytkowników)
0 Zarejestrowanych:

 

Tryb wyświetlania: Przełącz na: Standardowy · Linearny+ · Przełącz na: Drzewo

Śledź ten temat · Wyślij temat na e-mail · Wydrukuj ten temat · Subskrybuj to forum

RSS Wersja Lo-Fi Aktualny czas: 14.08.2025 - 06:51
Powered By IP.Board © 2025  IPS, Inc.
All changes by PHP.pl Administrators
Hosting zapewnia NQ.pl hosting, trac, svn