Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

 
 Reply to this topicStart new topic
> [CSS][HTML]kłopot z posklejaniem grafik
Majzel
post 21.02.2010, 18:44:39
Post #1





Grupa: Zarejestrowani
Postów: 110
Pomógł: 0
Dołączył: 3.07.2007

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

Witam, mam kłopot z posklejaniem grafik bo mi się rozjeżdzają, taki mam kod w budowie:
[HTML] pobierz, plaintext 
  1. <html>
  2. <head>
  3. <title>szablon</title>
  4. <meta http-equiv="Content-Type" content="text/html; charset=windows-1250">
  5. </head>
  6. <body>
  7. <div id="kontener">
  8. 	<div id="logo">	
  9. 		<img src="images/grafika_01.jpg" width="980" height="291" alt="" />		
  10. 		<img src="images/grafika_02.jpg" width="980" height="3" alt="" />	
  11. 	</div>
  12. 	<div id="lewa" style="float: left;">
  13. 		<img src="images/grafika_03.jpg" width="53" height="1306" alt="" />	
  14. 	</div>
  15. 	<div id="menu" style="float: left;">
  16. 		<img src="images/grafika_04.jpg" width="172" height="70" alt="" /><img src="images/grafika_05.jpg" width="105" height="70" alt="" /><img src="images/grafika_06.jpg" width="168" height="70" alt="" /><img src="images/grafika_07.jpg" width="131" height="70" alt="" /><img src="images/grafika_08.jpg" width="126" height="70" alt="" /><img src="images/grafika_09.jpg" width="172" height="70" alt="" />
  17. 	</div>
  18. 	<div id="prawa">
  19. 		<img src="images/grafika_10.jpg" width="53" height="1306" alt="" />
  20. 	</div>
  21. 	<div id="srodek" style="float: right;">
  22. 				<img src="images/grafika_11.jpg" width="874" height="25" alt="" />
  23. 	</div>
  24. </div>
  25.  
  26. </body>
  27. </html>
[HTML] pobierz, plaintext

i zaciąłem się na 11 grafice, czyli tym divie o id srodek. Mógłby ktoś mi pomóc gdzie wsadzić tą grafikę bo kombinuje i nic nie wychodzi, tutaj link do stronki:
http://polskareprezentacja.ugu.pl/jednosc/
Mam jeszcze pytanie, czy dobrze to ogólnie robię? chodzi o kod - kodowanie i jakieś tam szczegóły braku deklaracji czy osobnego arkusza css to nie o to mi chodzi bo to wiem.

Ten post edytował Majzel 21.02.2010, 18:53:28
Go to the top of the page
+Quote Post
Kshyhoo
post 21.02.2010, 19:25:18
Post #2





Grupa: Opiekunowie
Postów: 3 855
Pomógł: 317
Dołączył: 4.01.2005
Skąd: że
A dlaczego nie dasz grafik jako tło w stylach?


--------------------
Jak poprawnie zadać pytanie | Jak poprawnie zatytułować wątek
Najczęstsze błędy | Błędy E_NOTICE | PHP FAQ | FAQ PHPedia | SQL-Injection | Logowanie i sesje | Hashowanie haseł | Server - od czego zacząć ? | Manual PHP
Alternatywne Forum dla Ekspertów
Nie pomagam na PW, nie mam GG
Go to the top of the page
+Quote Post
DiH
post 21.02.2010, 19:51:38
Post #3





Grupa: Zarejestrowani
Postów: 251
Pomógł: 34
Dołączył: 7.01.2010

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

Możesz w stylach, na końcu, pod wszystkimi innymi definicjami dopisać: 
[CSS] pobierz, plaintext 
  1. div { 
  2. padding:0; margin:0 
  3. }
  4. img { 
  5. margin:0; padding: 0 
  6. }
[CSS] pobierz, plaintext
i sprawdzić, czy coś się zmieni.

P. S. Za wielkość loga (198 KB?) należy Ci się chłosta.

Ten post edytował DiH 21.02.2010, 19:55:35
Go to the top of the page
+Quote Post
Majzel
post 21.02.2010, 20:06:59
Post #4





Grupa: Zarejestrowani
Postów: 110
Pomógł: 0
Dołączył: 3.07.2007

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

Cytat
A dlaczego nie dasz grafik jako tło w stylach?

no dobrze to wiem, może potem, ale dalej nie wiem co jest nie tak z tym rozmieszczeniem.
DiH dodałem ten kod i nic :/
To co jest nie tak w końcu ?

Ten post edytował Majzel 21.02.2010, 20:12:50
Go to the top of the page
+Quote Post
Narutooo
post 21.02.2010, 20:11:44
Post #5





Grupa: Zarejestrowani
Postów: 1
Pomógł: 0
Dołączył: 21.02.2010

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

Cytat(DiH @ 21.02.2010, 19:51:38 ) *
Możesz w stylach, na końcu, pod wszystkimi innymi definicjami dopisać: 
[CSS] pobierz, plaintext 
  1. div { 
  2. padding:0; margin:0 
  3. }
  4. img { 
  5. margin:0; padding: 0 
  6. }
[CSS] pobierz, plaintext
i sprawdzić, czy coś się zmieni.

P. S. Za wielkość loga (198 KB?) należy Ci się chłosta.



Szczerze to sie na /*****/ znocie
Zamiast pomóż koledze to nabijacie bezsensowne posty a tu chłopak sie niecierpliwi bo
robi z jakimś dobrym grafikiem stronke zapewno.
Ale wy nie pomagacie
tylko niepotrzebnie piszecie
lepiej pomyślcie zanim napiszecie exclamation.gif
PozdRo !
Powód edycji: [Spawnm]:
Go to the top of the page
+Quote Post
Kshyhoo
post 21.02.2010, 20:13:35
Post #6





Grupa: Opiekunowie
Postów: 3 855
Pomógł: 317
Dołączył: 4.01.2005
Skąd: że
Cytat(Narutooo @ 21.02.2010, 20:11:44 ) *
Szczerze to sie na /*****/ znocie
Zamiast pomóż koledze to nabijacie bezsensowne posty a tu chłopak sie niecierpliwi bo
robi z jakimś dobrym grafikiem stronke zapewno.
Ale wy nie pomagacie
tylko niepotrzebnie piszecie
lepiej pomyślcie zanim napiszecie exclamation.gif
PozdRo !

questionmark.gif

Masz dla tego obrazka style="float: right;", to czego się spodziewasz?

Ten post edytował Spawnm 21.02.2010, 21:20:29
Powód edycji: [Spawnm]:


--------------------
Jak poprawnie zadać pytanie | Jak poprawnie zatytułować wątek
Najczęstsze błędy | Błędy E_NOTICE | PHP FAQ | FAQ PHPedia | SQL-Injection | Logowanie i sesje | Hashowanie haseł | Server - od czego zacząć ? | Manual PHP
Alternatywne Forum dla Ekspertów
Nie pomagam na PW, nie mam GG
Go to the top of the page
+Quote Post
Majzel
post 21.02.2010, 20:23:57
Post #7





Grupa: Zarejestrowani
Postów: 110
Pomógł: 0
Dołączył: 3.07.2007

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

no tak, ale jak dam left to tylko zmieni się to, że go do lewej strony dosunie, nie wiem w jaki sposób umieścić ten obrazek między divem lewym(id lewy) a divem prawym(id prawy) a pod menu(id menu), position absolute odpada bo wtedy będzie to różnie wyglądało pod różnymi rozdzielczościami.

Ten post edytował Majzel 21.02.2010, 20:26:30
Go to the top of the page
+Quote Post
Kshyhoo
post 21.02.2010, 20:30:11
Post #8





Grupa: Opiekunowie
Postów: 3 855
Pomógł: 317
Dołączył: 4.01.2005
Skąd: że
To Ty chcesz umieścić go między 3 a 10 ?


--------------------
Jak poprawnie zadać pytanie | Jak poprawnie zatytułować wątek
Najczęstsze błędy | Błędy E_NOTICE | PHP FAQ | FAQ PHPedia | SQL-Injection | Logowanie i sesje | Hashowanie haseł | Server - od czego zacząć ? | Manual PHP
Alternatywne Forum dla Ekspertów
Nie pomagam na PW, nie mam GG
Go to the top of the page
+Quote Post
Majzel
post 21.02.2010, 20:36:33
Post #9





Grupa: Zarejestrowani
Postów: 110
Pomógł: 0
Dołączył: 3.07.2007

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

tak między 3 a 10 grafiką - jeżeli dobrze Cie zrozumiałem, tutaj zaznaczyłem na czerwono gdzie ma być div http://img13.imageshack.us/img13/7226/divb.jpg

Ten post edytował Majzel 21.02.2010, 20:38:00
Go to the top of the page
+Quote Post
mortus
post 21.02.2010, 20:38:11
Post #10





Grupa: Zarejestrowani
Postów: 2 178
Pomógł: 596
Dołączył: 25.09.2009
Skąd: Piwniczna-Zdrój

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

Spróbuj tak:
[HTML] pobierz, plaintext 
  1. <html>
  2. <head>
  3. <title>szablon</title>
  4. <meta http-equiv="Content-Type" content="text/html; charset=windows-1250">
  5. </head>
  6. <body>
  7. <div id="kontener">
  8. 	<div id="logo">	
  9. 		<img src="images/grafika_01.jpg" width="980" height="291" alt="" />		
  10. 		<img src="images/grafika_02.jpg" width="980" height="3" alt="" />	
  11. 	</div>
  12. 	<div id="lewa" style="float: left;">
  13. 		<img src="images/grafika_03.jpg" width="53" height="1306" alt="" />	
  14. 	</div>
  15.         <div id="srodek">
  16.              <div id="menu" style="float: left;">
  17.                   <img src="images/grafika_04.jpg" width="172" height="70" alt="" />
  18.                   <img src="images/grafika_05.jpg" width="105" height="70" alt="" />
  19.                   <img src="images/grafika_06.jpg" width="168" height="70" alt="" />
  20.                   <img src="images/grafika_07.jpg" width="131" height="70" alt="" />
  21.                   <img src="images/grafika_08.jpg" width="126" height="70" alt="" />
  22.                   <img src="images/grafika_09.jpg" width="172" height="70" alt="" />
  23.              </div>
  24.              <div style="clear: both;"></div>
  25.              <div id="tresc">
  26. 	          <img src="images/grafika_11.jpg" width="874" height="25" alt="" />
  27. 	     </div>
  28. 	</div>
  29. 	<div id="prawa">
  30. 		<img src="images/grafika_10.jpg" width="53" height="1306" alt="" />
  31. 	</div>
  32. </div>
  33. </body>
  34. </html>
[HTML] pobierz, plaintext

I zalecenia pozostają:
- style wrzuć do pliku css,
- obrazki wstaw jako background dla div-ów,
- zmień piłkarza ;P
Osobiście zmieniłbym jeszcze kodowanie na UTF-8.

Ten post edytował mortus 21.02.2010, 20:59:46
Go to the top of the page
+Quote Post
Kshyhoo
post 21.02.2010, 20:41:48
Post #11





Grupa: Opiekunowie
Postów: 3 855
Pomógł: 317
Dołączył: 4.01.2005
Skąd: że
No to może tak (zaznaczony na zielono ;p):
[HTML] pobierz, plaintext 
  1. <div id="kontener">
  2. 	<div id="logo">	
  3. 		<img src="images/grafika_01.jpg" width="980" height="291" alt="" />		
  4. 		<img src="images/grafika_02.jpg" width="980" height="3" alt="" />	
  5. 	</div>
  6. 	<div id="lewa" style="float: left;">
  7. 		<img src="images/grafika_03.jpg" width="53" height="1306" alt="" />	
  8. 	</div>
  9. 	<div id="menu" style="float: left;">
  10. 		<img src="images/grafika_04.jpg" width="172" height="70" alt="" /><img src="images/grafika_05.jpg" width="105" height="70" alt="" /><img src="images/grafika_06.jpg" width="168" height="70" alt="" /><img src="images/grafika_07.jpg" width="131" height="70" alt="" /><img src="images/grafika_08.jpg" width="126" height="70" alt="" /><img src="images/grafika_09.jpg" width="172" height="70" alt="" />
  11. 	</div>
  12. 	<div id="srodek" style="float: left; border: 1px solid #00ff00; position:    position: absolute; bottom: 0;;">
  13. 		<img src="images/grafika_11.jpg" width="874" height="25" alt="" />
  14. 	</div>
  15. 	<div id="prawa">
  16. 		<img src="images/grafika_10.jpg" width="53" height="1306" alt="" />
  17. 	</div>
  18. </div>
[HTML] pobierz, plaintext

Ale daj to tak, łatwiej się operuje:
[CSS] pobierz, plaintext 
  1. #kontener { 
  2.         border: 1px solid #00ff00;
  3. 	position: relative;
  4. 	width: 1024px;
  5. 	height: auto;
  6. 	min-height: 50px;
  7. 	background:url(grafika.png);
  8. 	background-repeat: no-repeat;
  9. 	margin: 0 auto;
  10. }
[CSS] pobierz, plaintext


Ten post edytował Kshyhoo 21.02.2010, 20:43:04


--------------------
Jak poprawnie zadać pytanie | Jak poprawnie zatytułować wątek
Najczęstsze błędy | Błędy E_NOTICE | PHP FAQ | FAQ PHPedia | SQL-Injection | Logowanie i sesje | Hashowanie haseł | Server - od czego zacząć ? | Manual PHP
Alternatywne Forum dla Ekspertów
Nie pomagam na PW, nie mam GG
Go to the top of the page
+Quote Post
« Następny starszy · Przedszkole · Następny nowszy »
 

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: 19.07.2025 - 08:26
Powered By IP.Board © 2025  IPS, Inc.
All changes by PHP.pl Administrators
Hosting zapewnia NQ.pl hosting, trac, svn