Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

> Dlaczego identyfikator nie działa
mylovelyengland
post
Post #1





Grupa: Zarejestrowani
Postów: 12
Pomógł: 0
Dołączył: 19.10.2015

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

Chodzi mi o znacznik li.
Jak dam:
[HTML] pobierz, plaintext 
  1. li {
  2. display: inline;
  3. margin: 0px 3px;}
[HTML] pobierz, plaintext



To wszystko działa jak należy ale ja chcę opisać pozycję każdego znacznika li względem poprzedniego ;/

[HTML] pobierz, plaintext 
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <title>Pude􀃯ka elementów</title>
  5. <style type="text/css">
  6. body {
  7. font-size: 80%;
  8. font-family: ”Courier New”, Courier, monospace;
  9. letter-spacing: 0.15em;
  10. background-color: #efefef;}
  11. #page {
  12. max-width: 940px;
  13. min-width: 720px;
  14. margin: 10px auto 10px auto;
  15. padding: 20px;
  16. border: 4px double #000;
  17. background-color: #ffffff;}
  18. #logo {
  19. width: 150px;
  20. margin: 30px auto 10px auto;}
  21. ul {
  22. width: 580px;
  23. padding: 10px;
  24. margin: 0px auto 120px auto;
  25. border-top: 2px solid #000;
  26. border-bottom: 1px solid #000;
  27. text-align: center;}
  28. li#one {
  29. display: inline;
  30. margin-left: 5px;}
  31. li#two {
  32. display: inline;
  33. margin-left: 10px;}
  34. li#three {
  35. display: inline;
  36. margin-left: 15px;}
  37. p#one {
  38. text-align: center;
  39. width: 600px;
  40. margin: 0px auto 20px auto;
  41. font-weight: normal;}
  42. li#four {
  43. display: inline;
  44. margin-left: 20px;}
  45. li#five{
  46. display: inline;
  47. margin-left: 20px;}
  48. p#two {
  49. text-align: center;
  50. width: 600px;
  51. margin: 40px auto 20px auto;
  52. font-weight: normal;}
  53. a:hover, a.on {
  54. color: #cc3333;
  55. background-color: #ffffff;}
  56. </style>
  57. </head>
  58. <body>
  59. <div id="page">
  60. <div id="logo">
  61. <img src="images/logo.gif” alt=”Analogowi specjali􀄂ci" />
  62. </div>
  63. <ul id="navigation">
  64. <li id="one"><a href="www.allegro.pl" class="on">Początek</a></li>
  65. <li id="two"><a href="www.wp.pl">Sprzedż</a></li>
  66. <li id="three"><a href="www.google.pl">Naprawy</a></li>
  67. <li id="four"><a href="www.interia.pl">O nas</a></li>
  68. <li id="five"><a href="www.hack.pl">Kontakt</a></li>
  69. </ul>
  70. <p id="one">
  71. <img src="images/keys.jpg" alt="Fender Rhodes, Hohner Clavinet
  72. oraz Wurlitzer EP200" />
  73. </p>
  74. <p id="two">
  75. Specjalizujemy się w sprzedaży oraz naprawach klasycznych instrumentów
  76. klawiszowych, a w szczególności: Fender Rhodes, Wurlitzer EP200 oraz
  77. Hohner Clavinet.
  78. </p>
  79. </div>
  80. </body>
  81. </html>
[HTML] pobierz, plaintext


A wartości margin się dodaje między 2 elementami co nie?
Go to the top of the page
+Quote Post

Posty w temacie
- mylovelyengland   Dlaczego identyfikator nie działa   2.04.2016, 06:16:59
- - Comandeer   No nie do końca (obadaj hasło "margin collaps...   2.04.2016, 08:37:52
- - mylovelyengland   a dlaczego ten kod nie działa tak jak należy tzn n...   8.04.2016, 21:59:42
- - vokiel   https://jsfiddle.net/xLnshLbh/1/ Takie coś, czy m...   9.04.2016, 08:12:55
- - mylovelyengland   tak to to. Jeszcze jedno mam pytanie jest kod taki...   9.04.2016, 13:19:05

« Następny starszy · Po stronie przeglądarki · 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: 15.09.2025 - 04:10
Powered By IP.Board © 2025  IPS, Inc.
All changes by PHP.pl Administrators
Hosting zapewnia NQ.pl hosting, trac, svn