Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

> [CSS][HTML]kłopot z posklejaniem grafik
Majzel
post
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:
  1. <title>szablon</title>
  2. <meta http-equiv="Content-Type" content="text/html; charset=windows-1250">
  3. </head>
  4. <div id="kontener">
  5. <div id="logo">
  6. <img src="images/grafika_01.jpg" width="980" height="291" alt="" />
  7. <img src="images/grafika_02.jpg" width="980" height="3" alt="" />
  8. </div>
  9. <div id="lewa" style="float: left;">
  10. <img src="images/grafika_03.jpg" width="53" height="1306" alt="" />
  11. </div>
  12. <div id="menu" style="float: left;">
  13. <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="" />
  14. </div>
  15. <div id="prawa">
  16. <img src="images/grafika_10.jpg" width="53" height="1306" alt="" />
  17. </div>
  18. <div id="srodek" style="float: right;">
  19. <img src="images/grafika_11.jpg" width="874" height="25" alt="" />
  20. </div>
  21. </div>
  22.  
  23. </body>
  24. </html>

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
 
Start new topic
Odpowiedzi
Kshyhoo
post
Post #2





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):
  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>

Ale daj to tak, łatwiej się operuje:
  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. }


Ten post edytował Kshyhoo 21.02.2010, 20:43:04
Go to the top of the page
+Quote Post

Posty w temacie


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

 



RSS Aktualny czas: 14.09.2025 - 13:39