Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

2 Stron V   1 2 >  
 Reply to this topicStart new topic
> [HTML]Powtarzanie obrazka poziomo
Skr3czu
post 21.05.2008, 15:02:21
Post #1





Grupa: Zarejestrowani
Postów: 215
Pomógł: 0
Dołączył: 12.03.2007

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

Witam,

Mam np. taki kod:
[HTML] pobierz, plaintext 
  1. <img src="img/lol.png" />
[HTML] pobierz, plaintext


I jak zrobić, aby obrazek się powtarzał cały czas poziomo, nie zależnie od rozdzielczości...
Go to the top of the page
+Quote Post
marcio
post 21.05.2008, 15:05:21
Post #2





Grupa: Zarejestrowani
Postów: 2 291
Pomógł: 156
Dołączył: 23.09.2007
Skąd: ITALY-MILAN

Ostrzeżenie: (10%)
X----

Cytat
I jak zrobić, aby obrazek się powtarzał cały czas poziomo, nie zależnie od rozdzielczości...

Nie rozumiem co chcesz osiagnac moze chodzi ci o petle z <Br>??


--------------------
Zainteresowania: XML | PHP | MY(SQL)| C# for .NET | PYTHON
http://code.google.com/p/form-builider/
Moj blog
Go to the top of the page
+Quote Post
Skr3czu
post 21.05.2008, 15:08:56
Post #3





Grupa: Zarejestrowani
Postów: 215
Pomógł: 0
Dołączył: 12.03.2007

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

Mam obrazek i chce, aby był na całej stronie, aby się powtarzał i nie zależnie od rozdzielczości...

ale tylko poziomo.

Np. jak jest tło to jest obrazek który kilkanaście razy się powtarza...
Go to the top of the page
+Quote Post
Shili
post 21.05.2008, 15:09:50
Post #4





Grupa: Zarejestrowani
Postów: 1 085
Pomógł: 231
Dołączył: 12.05.2008

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

szukanie nie boli winksmiley.jpg
Go to the top of the page
+Quote Post
Skr3czu
post 21.05.2008, 15:12:01
Post #5





Grupa: Zarejestrowani
Postów: 215
Pomógł: 0
Dołączył: 12.03.2007

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

Cytat(Shili @ 21.05.2008, 16:09:50 ) *
szukanie nie boli winksmiley.jpg

Ale ja chcę tylko poziomo...
Go to the top of the page
+Quote Post
Shili
post 21.05.2008, 15:13:37
Post #6





Grupa: Zarejestrowani
Postów: 1 085
Pomógł: 231
Dołączył: 12.05.2008

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

Czytałeś chociaż co tam jest?
Jak nie to przeczytaj, dokładnie.
Go to the top of the page
+Quote Post
marcio
post 21.05.2008, 15:18:58
Post #7





Grupa: Zarejestrowani
Postów: 2 291
Pomógł: 156
Dołączył: 23.09.2007
Skąd: ITALY-MILAN

Ostrzeżenie: (10%)
X----

Styl css z background-repeat:repeat-y


--------------------
Zainteresowania: XML | PHP | MY(SQL)| C# for .NET | PYTHON
http://code.google.com/p/form-builider/
Moj blog
Go to the top of the page
+Quote Post
Shili
post 21.05.2008, 15:21:07
Post #8





Grupa: Zarejestrowani
Postów: 1 085
Pomógł: 231
Dołączył: 12.05.2008

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

@up
repeat-x a nie repeat-y, jeśli już podtykać gotowe rozwiązania.

@drogi autorze
Jest to jak byk w przytoczonym przeze mnie linku, razem z graficznym przykładem
Go to the top of the page
+Quote Post
Skr3czu
post 21.05.2008, 19:27:16
Post #9





Grupa: Zarejestrowani
Postów: 215
Pomógł: 0
Dołączył: 12.03.2007

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

Kombinuje już tyle czasu i coś mi nie wychodzi ;/

Mam taki kod:
[HTML] pobierz, plaintext 
  1. <table id="Table_01" width="188" height="37" border="0" cellpadding="0" cellspacing="0">
  2. 	<tr>
  3. 		<td>
  4. 			<img src="images/3_01.png" width="153" height="37" alt=""></td>
  5. 		<td>
  6. 			<img src="images/3_02.png" width="35" height="37" alt=""></td>
  7.  
  8. 	</tr>
  9.  
  10. </table>
[HTML] pobierz, plaintext


I chce, aby grafika images/3_02.png się powtarzała, ale jak dodać to w style CSS ?
Go to the top of the page
+Quote Post
piotrooo89
post 21.05.2008, 19:28:19
Post #10


Newsman


Grupa: Moderatorzy
Postów: 4 005
Pomógł: 548
Dołączył: 7.04.2008
Skąd: Trzebinia/Kraków
ale gdzie sie ma powtarzać?? w komórce czy jako tło strony?


--------------------
Manual nie boli!

Profesjonalne Call Center

Ouzo Framework
Go to the top of the page
+Quote Post
Skr3czu
post 21.05.2008, 19:32:09
Post #11





Grupa: Zarejestrowani
Postów: 215
Pomógł: 0
Dołączył: 12.03.2007

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

Tak, aby powtarzało się przez cała stronę

czyli np. jest tak:

--------------------------------
- -




--------------------------------

A chce, aby było tak:

--------------------------------
--------------------------------




--------------------------------

Mam nadzieje, że dobrze to wytłumaczyłem winksmiley.jpg
Go to the top of the page
+Quote Post
piotrooo89
post 21.05.2008, 19:35:43
Post #12


Newsman


Grupa: Moderatorzy
Postów: 4 005
Pomógł: 548
Dołączył: 7.04.2008
Skąd: Trzebinia/Kraków
no to może tak:

w .css
Kod
body
{
background-image: url("obrazek");
background-repeat: repeat;
}


a powtarzanie w pionie jest:
background-repeat: repeat-y;

a poziomie
background-repeat: repeat-x;

Ten post edytował piotrooo89 21.05.2008, 19:36:31


--------------------
Manual nie boli!

Profesjonalne Call Center

Ouzo Framework
Go to the top of the page
+Quote Post
Skr3czu
post 21.05.2008, 19:37:56
Post #13





Grupa: Zarejestrowani
Postów: 215
Pomógł: 0
Dołączył: 12.03.2007

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

No tak, ale co mam wstawić w tym kodzie ?

[HTML] pobierz, plaintext 
  1. <table id="Table_01" width="188" height="37" border="0" cellpadding="0" cellspacing="0">
  2. <tr>
  3. <td>
  4. <img src="images/3_01.png" width="153" height="37" alt=""></td>
  5. <td>
  6. <img src="images/3_02.png" width="35" height="37" alt=""></td>
  7.  
  8. </tr>
  9.  
  10. </table>
[HTML] pobierz, plaintext
Go to the top of the page
+Quote Post
piotrooo89
post 21.05.2008, 19:40:31
Post #14


Newsman


Grupa: Moderatorzy
Postów: 4 005
Pomógł: 548
Dołączył: 7.04.2008
Skąd: Trzebinia/Kraków




 
[HTML] pobierz, plaintext 
  1. <html>
  2. <head>
  3. <title>Tytuł strony</title>
  4. <style type="text/css">
  5.  
  6. body 
  7. {
  8. background-image: url("obrazek");
  9. background-repeat: repeat;
  10. }
  11. </style>
  12. </head>
  13. <body>
  14. <table id="Table_01" width="188" height="37" border="0" cellpadding="0" cellspacing="0">
  15. <tr>
  16. <td>
  17. <img src="images/3_01.png" width="153" height="37" alt=""></td>
  18. <td>
  19. <img src="images/3_02.png" width="35" height="37" alt=""></td>
  20.  
  21. </tr>
  22.  
  23. </table>
  24. </body>
  25. </html>
[HTML] pobierz, plaintext


to Ci zrobi obrazki na tle strony...

btw. poczytaj o css


--------------------
Manual nie boli!

Profesjonalne Call Center

Ouzo Framework
Go to the top of the page
+Quote Post
Skr3czu
post 21.05.2008, 19:42:10
Post #15





Grupa: Zarejestrowani
Postów: 215
Pomógł: 0
Dołączył: 12.03.2007

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

Nie rozumiesz mnie smile.gif, mi chodzi o to, aby to się powtarzało:
<img src="images/3_02.png" width="35" height="37" alt=""></td>

w tym miejscu co jest smile.gif, już wiesz ?
Go to the top of the page
+Quote Post
piotrooo89
post 21.05.2008, 19:45:43
Post #16


Newsman


Grupa: Moderatorzy
Postów: 4 005
Pomógł: 548
Dołączył: 7.04.2008
Skąd: Trzebinia/Kraków
Cytat(piotrooo89 @ 21.05.2008, 20:28:19 ) *
ale gdzie sie ma powtarzać?? w komórce czy jako tło strony?


przecierz pytałem...

to może tak:

[HTML] pobierz, plaintext 
  1. td
  2. {
  3. background-image: url("images/3_02.png");
  4. background-repeat: repeat;
  5. }
[HTML] pobierz, plaintext


tak:

[HTML] pobierz, plaintext 
  1. <html>
  2. <head>
  3. <title>Tytuł strony</title>
  4. <style type="text/css">
  5. td
  6. {
  7. background-image: url("images/3_01.png");
  8. background-repeat: repeat;
  9. }
  10. </style>
  11. </head>
  12. <body>
  13. <table id="Table_01" width="188" height="37" border="0" cellpadding="0" cellspacing="0">
  14. <tr>
  15. <td>
  16. <img src="images/3_01.png" width="153" height="37" alt=""></td>
  17. <td>
  18. <img src="images/3_02.png" width="35" height="37" alt=""></td>
  19.  
  20. </tr>
  21.  
  22. </table>
  23. </body>
  24. </html>
[HTML] pobierz, plaintext


Ten post edytował piotrooo89 21.05.2008, 19:48:33


--------------------
Manual nie boli!

Profesjonalne Call Center

Ouzo Framework
Go to the top of the page
+Quote Post
Skr3czu
post 21.05.2008, 19:48:29
Post #17





Grupa: Zarejestrowani
Postów: 215
Pomógł: 0
Dołączył: 12.03.2007

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

Nie działa...

a co tutaj mam wpisać ?

[HTML] pobierz, plaintext 
  1. <table id="Table_01" width="188" height="37" border="0" cellpadding="0" cellspacing="0">
  2. 	<tr>
  3. 		<td>
  4. 			<img src="images/3_01.png" width="153" height="37" alt=""></td>
  5. 		<td>
  6. 			<img src="images/3_02.png" width="35" height="37" alt=""></td>
  7.  
  8. 	</tr>
  9.  
  10. </table>
[HTML] pobierz, plaintext


I dalej nie działa...

Ten post edytował Skr3czu 21.05.2008, 19:51:10
Go to the top of the page
+Quote Post
piotrooo89
post 21.05.2008, 19:52:02
Post #18


Newsman


Grupa: Moderatorzy
Postów: 4 005
Pomógł: 548
Dołączył: 7.04.2008
Skąd: Trzebinia/Kraków
teraz widzę że ty masz 2 różne obrazki.

[HTML] pobierz, plaintext 
  1. <html>
  2. <head>
  3. <title>Tytuł strony</title>
  4. <style type="text/css">
  5. td
  6. {
  7. background-repeat: repeat;
  8. }
  9. td.one
  10. {
  11. background-image: url("images/3_01.png");
  12. }
  13. td.two
  14. {
  15. background-image: url("images/3_02.png");
  16. }
  17. </style>
  18. </head>
  19. <body>
  20. <table id="Table_01" width="188" height="37" border="0" cellpadding="0" cellspacing="0">
  21. <tr>
  22. <td class="one"></td>
  23.  
  24. <td class="two"></td>
  25. </tr>
  26.  
  27. </table>
  28. </body>
  29. </html>
[HTML] pobierz, plaintext

bez tych obrazków... tak jak Ci napisałem


--------------------
Manual nie boli!

Profesjonalne Call Center

Ouzo Framework
Go to the top of the page
+Quote Post
Skr3czu
post 21.05.2008, 20:08:05
Post #19





Grupa: Zarejestrowani
Postów: 215
Pomógł: 0
Dołączył: 12.03.2007

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

A jak zrobić tak, aby tylko obrazek images/3_02.png się powtarzał, a images/3_01.png żeby sie nie powtarzał ?
Go to the top of the page
+Quote Post
piotrooo89
post 21.05.2008, 20:11:22
Post #20


Newsman


Grupa: Moderatorzy
Postów: 4 005
Pomógł: 548
Dołączył: 7.04.2008
Skąd: Trzebinia/Kraków
usun to

[HTML] pobierz, plaintext 
  1. td.one
  2. {
  3. background-image: url("images/3_01.png");
  4. }
[HTML] pobierz, plaintext


i to:

[HTML] pobierz, plaintext 
  1. class="one"
[HTML] pobierz, plaintext


--------------------
Manual nie boli!

Profesjonalne Call Center

Ouzo Framework
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: Standardowy · Przełącz na: 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 - 00:40
Powered By IP.Board © 2025  IPS, Inc.
All changes by PHP.pl Administrators
Hosting zapewnia NQ.pl hosting, trac, svn