Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

> [html] powtarzanie "całego" tła
nowak_michal
post
Post #1





Grupa: Zarejestrowani
Postów: 7
Pomógł: 0
Dołączył: 25.04.2007

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

Witam!
Mam taki problem: [w linku]
http://www.nowakmichal.nazwa.pl/test/test.html
Po prawej stronie pod tekstem "..Curabitur non diam. Aenean ultricies augue nonummy arcu..." wyświetla mi się powtórzenie mojego tła, ale wyświetla się, jak widać ucięte (aby zrównać się z tłem po lewej stronie). Nie wiem jak zrobić by te dwa "bloki" były niezależne od siebie, tzn, jeden obojętnie jaka długość, i to nie wpływało na ten drugi blok. Czy wystarczy je wrzucić w inne tabele? (teraz mnie oświeciło jak popatrzyłem na kod) To jest jeden z moich problemów a drugi, to jak zrobić by po prawej stronie powtarzało tylko cały obrazek a nie jego fragment? Bo jeśli dopisze się parę linijek to powstaje ten sam efekt jaki można zobaczyć w tej chwili.

Pozdrawiam
Michał Nowak
Go to the top of the page
+Quote Post
 
 Start new topic
Odpowiedzi
babejsza
post
Post #2





Grupa: Zarejestrowani
Postów: 407
Pomógł: 1
Dołączył: 4.03.2003
Skąd: warszawa

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

Na początek możesz zacząć od czegoś takiego:

[HTML] pobierz, plaintext 
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
  2. <html lang="pl">
  3. 	<head>
  4. 		<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  5. 		<meta name="Description" content="" />
  6. 		<meta name="Keywords" content="" />
  7. 		<meta name="Robots" content="index, follow" />
  8. 		<meta name="revisit-after" content="1 days" />
  9. 		<meta name="Distribution" content="Global" />
  10. 		<meta name="author" content="" />
  11. 		<meta name="reply-to" content="" />
  12. 		<meta name="owner" content="" />
  13. 		<meta name="copyright" content="" />
  14. 		<title>Untitled Document</title>
  15. 		<style type="text/css">
  16. 			body, div, p, form, h1, h2, h3, h4, img, ul, li {border: none; margin: 0; padding: 0}
  17. 			body, h2 {font-family: Arial, Helvetica, sans-serif; font-size: 10px}
  18. 			#conteiner {width: 506px; margin: 0 auto;}
  19. 			#menu {float: left; width: 120px; margin: 0 5px 0 0; border: 1px solid #000}
  20. 			#menu li {list-style-type: none; padding: 5px 0 0; margin: 0 5px; border-bottom: 1px dotted #000 }
  21. 			#middle {float: left; width: 120px; margin: 0 5px 0 0; border: 1px solid #000}
  22. 			#content {float: left; width: 250px; border: 1px solid #000}
  23. 		</style>
  24. 	</head>
  25. 	<body>
  26. 		<div id="conteiner">
  27. 			<div id="menu">
  28. 				<ul>
  29. 					<li><a href="#">Newsy</a></li>
  30. 					<li><a href="#">Tor ATB</a></li>
  31. 					<li><a href="#">Puchar ATB Challenge</a></li>  
  32. 					<li><a href="#">Opis toru</a></li>
  33. 					<li><a href="#">Eventy / Pokazy</a></li>
  34. 					<li><a href="#">Galeria</a></li>
  35. 					<li><a href="#">Sklep</a></li>
  36. 					<li><a href="#">Wspópraca</a></li>
  37. 					<li><a href="#">Kontakt</a></li>
  38. 				</ul>
  39. 			</div>
  40. 			<div id="middle">
  41. 				<h2>Najświeższe wiadomości:</h2>
  42. 				<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Donec enim purus, congue et, facilisis in, commodo 
  43. 				eget, dui. Praesent ultrices feugiat turpis.m venenatis ultrices. Nullam iaculis, lacus eu consectetuer aliquam, 
  44. 				turpis purus porttitor nisi, quis lobortis enim mi a dui. Cras mauris nisl, euismod quis, porta ac, eleifend eu, 
  45. 				dolor. Vivamus nec turpis. Curabitur nisl urna, porta at, pharetra sed, sodales sed, lectus. In pede diam, 
  46. 				cursus et, fringilla eu, fermentum nec, mi. Morbi porta ipsum id arcu. Nullam eu nunc ac lectus aliquet 
  47. 				pellentesque. Curabitur non diam. Aenean ultricies augue nonummy arc</p>
  48. 			</div>
  49. 			<div id="content">
  50. 				<p>Donec in sem eget eros pellentesque euismod. Donec ultricies placerat turpis. Aenean pretium, tellus sit amet
  51. 				tristique commodo, nisi sapien porta arcu, in luctus diam augue sed metus. Etiam gravida purus sit amet felis. 
  52. 				Praesent ac felis ac ipsum venenatis ultrices. Nullam iaculis, lacus eu consectetuer aliquam, turpis purus 
  53. 				porttitor nisi, quis lobortis enim mi a dui. Cras mauris nisl, euismod quis, porta ac, eleifend eu, dolor. 
  54. 				Vivamus nec turpis. Curabitur nisl urna, porta at, pharetra sed, sodales sed, lectus. In pede diam, 
  55. 				cursus et, fringilla eu, fermentum nec, mi. Morbi porta ipsum id arcu. Nullam eu nunc ac lectus aliquet pellentesque. 
  56. 				Curabitur non diam. Aenean ultricies augue nonummy arcu.</p>
  57. 			</div>
  58.  
  59. 		</div>
  60. 	</body>
  61. </html>
[HTML] pobierz, plaintext


Ten post edytował babejsza 27.04.2007, 13:47:35
Go to the top of the page
+Quote Post

Posty w temacie
- nowak_michal   [html] powtarzanie "całego" tła   26.04.2007, 07:17:54
- - gekon   Najpierw zrób to tak żebyśmy coś z tego zrozumieli...   26.04.2007, 07:26:59
- - nowak_michal   Rozumiem, chodzi o tabele i komórki. Dzięki za ku...   26.04.2007, 14:34:18
- - gekon   Zapomnij o tabelach, nie do tego służą.   26.04.2007, 23:16:40
- - nowak_michal   Dziś zaznajomiłem się ze strona podaną przez gekon...   27.04.2007, 13:22:08
- - babejsza   Na początek możesz zacząć od czegoś takiego: [HTM...   27.04.2007, 13:43:49
- - nowak_michal   Przepraszam za moją nieaktywność lecz wyjechałem, ...   1.05.2007, 22:16:33
- - babejsza   Tak na szybko. Nad grafikami musisz jeszcze poprac...   2.05.2007, 11:00:15
- - nowak_michal   Babejsza bardzo bardzo dziękuje za wskazanie odpow...   3.05.2007, 19:12:40
- - babejsza   Odstęp między nowymi div'amii starymi powstaje...   3.05.2007, 19:43:54

« Następny starszy · HTML \ XHTML · Następny nowszy »
 

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

 

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

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

RSS Aktualny czas: 5.10.2025 - 19:36
Powered By IP.Board © 2025  IPS, Inc.
All changes by PHP.pl Administrators
Hosting zapewnia NQ.pl hosting, trac, svn