Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: [HTML]Powtarzanie obrazka poziomo
Forum PHP.pl > Forum > Przedszkole
Skr3czu
21.05.2008, 15:02:21
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...
marcio
21.05.2008, 15:05:21
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>??
Skr3czu
21.05.2008, 15:08:56
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...
Shili
21.05.2008, 15:09:50
szukanie nie boli winksmiley.jpg
Skr3czu
21.05.2008, 15:12:01
Cytat(Shili @ 21.05.2008, 16:09:50 ) *
szukanie nie boli winksmiley.jpg

Ale ja chcę tylko poziomo...
Shili
21.05.2008, 15:13:37
Czytałeś chociaż co tam jest?
Jak nie to przeczytaj, dokładnie.
marcio
21.05.2008, 15:18:58
Styl css z background-repeat:repeat-y
Shili
21.05.2008, 15:21:07
@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
Skr3czu
21.05.2008, 19:27:16
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 ?
piotrooo89
21.05.2008, 19:28:19
ale gdzie sie ma powtarzać?? w komórce czy jako tło strony?
Skr3czu
21.05.2008, 19:32:09
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
piotrooo89
21.05.2008, 19:35:43
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;
Skr3czu
21.05.2008, 19:37:56
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
piotrooo89
21.05.2008, 19:40:31 
[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
Skr3czu
21.05.2008, 19:42:10
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 ?
piotrooo89
21.05.2008, 19:45:43
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
Skr3czu
21.05.2008, 19:48:29
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...
piotrooo89
21.05.2008, 19:52:02
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
Skr3czu
21.05.2008, 20:08:05
A jak zrobić tak, aby tylko obrazek images/3_02.png się powtarzał, a images/3_01.png żeby sie nie powtarzał ?
piotrooo89
21.05.2008, 20:11:22
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
Skr3czu
21.05.2008, 20:15:03 
[HTML] pobierz, plaintext 
  1. <style>
  2. td
  3. {
  4. background-repeat: repeat;
  5. }
  6. td.two
  7. {
  8. background-image: url("images/3_02.png");
  9. }
  10. </style>
[HTML] pobierz, plaintext 


[HTML] pobierz, plaintext 
  1. <table id="Table_01" width="100%" 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 class="two"></td>
  6.  
  7. 	</tr>
  8.  
  9. </table>
[HTML] pobierz, plaintext


I teraz już nie działa...
piotrooo89
21.05.2008, 20:17:43
nie bardzo wiem co chcesz osiągnąć...

a może tak:

[HTML] pobierz, plaintext 
  1. td.two
  2. {
  3. background-repeat: repeat;
  4. background-image: url("images/3_02.png");
  5. }
[HTML] pobierz, plaintext
Skr3czu
21.05.2008, 20:19:25
nadal nie działa...
piotrooo89
21.05.2008, 20:21:22
powiesz co chcesz osiągnąć... bo narazie wiem że maja sie obrazki powtarzać w tej drugiej kolumnie, a co z pierwsza?
Skr3czu
21.05.2008, 20:22:27
Pierwsza ma się nie powtarzać.
piotrooo89
21.05.2008, 20:26:17
no i co sie dzieje? nie wyświetla sie w 1 w ogóle czy wyświetla sie w 1 ale w drugim sie nie powtarza? napisz co sie dzieje nie jestem jasnowidzem. smile.gif
Skr3czu
21.05.2008, 21:05:51
Ok już sobie poradziłem... dzięki za pomoc winksmiley.jpg
To jest wersja lo-fi głównej zawartości. Aby zobaczyć pełną wersję z większą zawartością, obrazkami i formatowaniem proszę kliknij tutaj.
Invision Power Board © 2001-2025 Invision Power Services, Inc.