Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

> [HTML][CSS]Błąd w szkielecie strony w HTML & CSS
Mody23
post
Post #1





Grupa: Zarejestrowani
Postów: 276
Pomógł: 0
Dołączył: 30.06.2010

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


Witam!

Potrzebuję waszej pomocy. Próbowałem wykonać wszystko według TEGO poradnika. Efekt końcowy miał wyglądać mniej więcej tak:

(IMG:http://forum.creamsoft.com.pl/images/articles/scorpion/layout/zrzut-31.png)


A u mnie wygląda to TAK


Możecie wskazać/poprawić co wykonałem źle? Pliki mojej błędnie wykonanej pracy możecie poprać TUTAJ


Pozdrawiam!

PS. Każda pomoc = pomógł.

Ten post edytował Mody23 5.07.2010, 21:11:03
Go to the top of the page
+Quote Post
 
Start new topic
Odpowiedzi
krzysztof_kf
post
Post #2





Grupa: Zarejestrowani
Postów: 1 135
Pomógł: 158
Dołączył: 19.03.2009
Skąd: Toruń

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


plik CSS

  1. body{
  2. margin: 0px;
  3. padding: 0px;
  4. text-align: center;
  5. }
  6.  
  7. div#kontener{
  8. width: 730px;
  9. border: 1px dashed #CCCCCC;
  10. margin: 0px auto;
  11. text-align: justify;
  12. }
  13.  
  14. div#naglowek{
  15. background: transparent url('naglowek.png') no-repeat;
  16. width: 700px;
  17. height: 165px;
  18. margin: 0px;
  19. float: left;
  20.  
  21. }
  22.  
  23. div#menu ul{
  24.  
  25. margin: 0px;
  26. padding: 0px;
  27. list-style-type: none;
  28. height: 20px;
  29. background: transparent url('tlo-menu.png') no-repeat;
  30. text-align: center;
  31. font-size: 8pt;
  32. font-family: Verdana;
  33.  
  34. }
  35.  
  36. div#menu ul li{
  37. display: inline;
  38.  
  39. }
  40.  
  41. div#menu ul li a{
  42. text-decoration: none;
  43. color: #A4BFE0;
  44. padding: 0px 5px;
  45. line-height: 1.6em;
  46.  
  47. }
  48.  
  49. div#menu ul li a:hover{
  50. color: #F4F7FC;
  51. font-weight: bold;
  52.  
  53. }
  54.  
  55. div#tresc{
  56. background: transparent url('tlo-tresc.png') repeat-y;
  57. }
  58.  
  59. div#tresc h1{
  60. margin-top: 0px;
  61. padding-top: 15px;
  62. }
  63.  


  1. <?xml version="1.0" encoding="iso-8859-2"?>
  2. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
  3. <html xmlns="http://www.w3.org/1999/xhtml">
  4. <link rel="Stylesheet" href="style.css" type="text/css" />
  5. <meta http-equiv="Content-type" content="application/xhtml+xml; charset=iso-8859-2" />
  6. <meta http-equiv="Content-Language" content="pl" />
  7. <title>Tytuł strony</title>
  8. </head>
  9. <body xml:lang="pl">
  10.  
  11. <div id="kontener">
  12.  
  13. <div id="naglowek">
  14. <h1>Nazwa firmy</h1>
  15. </div>
  16.  
  17. <div id="tresc">
  18.  
  19. <h1>Nagłówek</h1>
  20. <p>Paragraf paragraf paragraf (...)</p>
  21.  
  22. (...)
  23.  
  24. </div>
  25.  
  26. <div id="menu">
  27. <ul>
  28. <li><a href="index.php" title="Strona główna">Strona główna</a></li>
  29. <li><a href="index.php?go=oferta" title="Oferta">Oferta</a></li>
  30. <li><a href="index.php?go=kontakt" title="Kontakt">Kontakt</a></li>
  31. </ul>
  32. </div>
  33.  
  34. </div>
  35.  
  36.  
  37. <div id="stopka">
  38. <p>Valid XHTML 1.1 | Valid CSS 3 | Created &amp;amp; Copyright by Patryk Jaworski</p>
  39. </div>
  40.  
  41. </div>
  42.  
  43. </body>
  44. </html>
Go to the top of the page
+Quote Post

Posty w temacie
- Mody23   [HTML][CSS]Błąd w szkielecie strony w HTML & CSS   5.07.2010, 21:09:46
- - Pawel_W   [HTML] pobierz, plaintext visibility: hidden;[HTML...   5.07.2010, 21:16:26
- - krzysztof_kf   ustalaj szerokość i wysokość dla danych grafik dla...   5.07.2010, 21:20:08
- - Mody23   Pawel_W czyli jak ma wyglądać ten kod z tymi nawia...   5.07.2010, 21:23:16
- - Pawel_W   [HTML] pobierz, plaintext div#tresc{background: tr...   5.07.2010, 21:24:17
- - krzysztof_kf   Pawel_W CHodziło mu o to po każdym selektorze trz...   5.07.2010, 21:26:05
- - Mody23   Ale nadal jest źle - ZOBACZ TUTAJ . Co teraz zrobi...   5.07.2010, 21:26:20
- - krzysztof_kf   Bo masz wpisane dwa razy nagłówek   5.07.2010, 21:27:40
|- - Pawel_W   Cytat(krzysztof_kf @ 5.07.2010, 22:27...   5.07.2010, 21:29:55
- - Mody23   To jak to zrobić żeby raz był?   5.07.2010, 21:28:13
- - gigzorr   e czegos nie rozumiem , czemu nadajesz elementom h...   5.07.2010, 21:28:21
- - krzysztof_kf   Usunąć linijkę powtarzającą się [HTML] pobierz, ...   5.07.2010, 21:29:07
- - Mody23   Usunąłem i zero zmian praktycznie... tak to wygl...   5.07.2010, 21:33:31
- - krzysztof_kf   plik CSS [CSS] pobierz, plaintext body{margi...   5.07.2010, 21:36:02
- - Mody23   Trochę źle ale jest lepiej - menu zostało do popra...   5.07.2010, 21:38:01
- - Pawel_W   w dalszym ciągu masz 2x div id="naglowek...   5.07.2010, 21:38:40
- - krzysztof_kf   Trochę kupy nic się tu nie trzyma mogę ci tylko po...   5.07.2010, 21:42:23
- - Mody23   Czyli co źle to jest zrobione? Nie chodzi o nagłó...   5.07.2010, 21:43:54
- - krzysztof_kf   eh sprecyzuj dokładnie pytanie co oczekujesz bo to...   5.07.2010, 21:45:16
|- - Pawel_W   Cytat(krzysztof_kf @ 5.07.2010, 22:45...   5.07.2010, 21:48:13
- - Mody23   Ehh...Piepszyć to co tam pisze. Chcę mieć to w tak...   5.07.2010, 21:48:00
- - Mody23   Nie mówię wam że ja to na localu odtwarzałem a wam...   5.07.2010, 21:50:33
- - krzysztof_kf   servus [HTML] pobierz, plaintext <?xml versio...   5.07.2010, 21:51:25
- - Mody23   Teraz nie ma tła znów - zobacz sam.   5.07.2010, 21:53:43
- - krzysztof_kf   usuń z [CSS] pobierz, plaintext  #naglowek...   5.07.2010, 21:54:39
- - Mody23   Teraz znowu się to rozpiepszyło ;/ Ale męczarnia   5.07.2010, 21:56:23
- - krzysztof_kf   Cytat(Mody23 @ 5.07.2010, 22:48:00 ) ...   5.07.2010, 21:56:35
- - Mody23   Możesz mi pomóc damć menu pod samiutki nagłówek a ...   5.07.2010, 21:58:05
- - krzysztof_kf   Okej jeszcze raz co chcesz jeszcze ?   5.07.2010, 21:58:19
- - Mody23   Nagłówek na samej górze a menu pod samiutkim nagłó...   5.07.2010, 22:00:12
- - krzysztof_kf   Servus [CSS] pobierz, plaintext body{margin...   5.07.2010, 22:02:23
- - Mody23   I ostatnie pytanie - jak ten plik html obrócić na ...   5.07.2010, 22:05:09
- - krzysztof_kf   Zróbmy tak że jak ci teraz pomogę to pójdziesz i ...   5.07.2010, 22:07:09


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

 



RSS Aktualny czas: 15.10.2025 - 12:16