Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: [CSS]Kilka identyfikatorów za jednym razem
Forum PHP.pl > Forum > Przedszkole
panbobek44
Mam taki kod:
  1. #menu1 {
  2. width: 200px;
  3. margin: 5px;
  4. float: left
  5. }
  6.  
  7. #menu2 {
  8. width: 200px;
  9. margin: 5px;
  10. float: left
  11. }


Można z tym zrobić coś w takim stylu:
  1. #menu1,menu2 {
  2. width: 200px;
  3. margin: 5px;
  4. float: left
  5. }
wookieb
Kod
#menu1, #menu2
{

}
panbobek44
Chyba robię coś nie tak http://www.walbrzych.info/index1.php
wookieb
A skad my inteligencie mamy wiedziec co jest nie tak?
JoShiMa
Cytat(wookieb @ 16.12.2008, 18:22:08 ) *
A skad my inteligencie mamy wiedziec co jest nie tak?

Ze źródeł kulturalny inteligencie aaevil.gif

A tak na marginesie co ma znaczyć
#menu1, #menu2 .menu-naprzemian

czy obiekt klasy .menu-naprzemian jest wewnątrz obiektu o identyfikatorze #menu2 czy wewnątrz obiektu o identyfikatorze #menu1. Ze stylów wynika co innego z kodu HTML co innego tongue.gif
panbobek44
chciałbym aby klasa obowiązywała w obydwóch obiektach
erix
Podajesz analogicznie. Przecinek oddziela OSOBNE selektory. Parser nie domyśli się, jak Ty chcesz zrobić. Wg tego, co obecnie masz napisane, jest coś takiego: zastosuj reguły do MENU1 i do KLASY WEWNĄTRZ MENU2. Polecam lekturę: http://www.w3.org/TR/CSS21/selector.html
panbobek44
  1. <style type="text/css">
  2. body {
  3. background-color: #ffffff;
  4. color: #000000;
  5. font: normal 11px Verdana, Arial, sans-serif;
  6. margin: 0px
  7. }
  8.  
  9. #menu1, #menu2 {
  10. width: 200px;
  11. margin: 5px;
  12. float: left
  13. }
  14.  
  15. #menu1 dl, dt, dd, #menu2 dl, dt, dd {
  16. display: block;
  17. margin: 0;
  18. padding: 0
  19. }
  20.  
  21. #menu1 dl, #menu2 dl {
  22. width: 200px
  23. }
  24.  
  25. #menu1 dt, #menu2 dt {
  26. background-color: #82baff;
  27. color: #000000;
  28. padding: 2px;
  29. font-weight: bold;
  30. text-align: left
  31. }
  32.  
  33. #menu1 .menu-odstep, #menu2 .menu-odstep {
  34. background-color: #ffffff;
  35. margin-bottom: 5px
  36. }
  37.  
  38. #menu1 dl a:link, dl a:visited, #menu2 dl a:link, dl a:visited {
  39. display: block;
  40. text-decoration: none;
  41. text-align: justify;
  42. padding: 2px
  43. }
  44.  
  45. #menu1 .menu-logo, #menu2 .menu-logo {
  46. background-color: #ffffff;
  47. padding: 0px
  48. }
  49.  
  50. #menu1 .menu-naprzemian, #menu2 .menu-naprzemian {
  51. background-color: #e2e2e2
  52. }
  53.  
  54. #menu1 .menu-wiecej, #menu2 .menu-wiecej {
  55. font-style: italic;
  56. font-size: 0.9em
  57. }
  58.  
  59. #tresc {
  60. background-color: #0080c0;
  61. width: 390px;
  62. margin: 5px;
  63. float: left
  64. }
  65.  
  66. #top {
  67. background-color: #ff8000;
  68. width: 810px;
  69. margin: 5px
  70. }
  71.  
  72. #stopka {
  73. background-color: #ff80ff;
  74. width: 810px;
  75. margin: 5px;
  76. clear: both
  77. }
  78.  
  79. #strona {
  80. float: left
  81. }
  82.  
  83. #skyscraper1 {
  84. background-color: #408080;
  85. width: 80px;
  86. margin: 5px;
  87. float: left
  88. }
  89.  
  90. #skyscraper2 {
  91. background-color: #408080;
  92. width: 80px;
  93. margin: 5px;
  94. float: left
  95. }
  96.  
  97. a {
  98. text-decoration: none;
  99. color: #000000;
  100. }
  101.  
  102. a:link, a:visited, a:active {
  103. text-decoration: none;
  104. color: #000000;
  105. }
  106.  
  107. a:hover {
  108. text-decoration: none;
  109. color: #d90000;
  110. }
  111.  
  112. img {
  113. border: 0px
  114. }
  115. </style>

Teraz wyświetla mi się poprawnie.
To jest wersja lo-fi głównej zawartości. Aby zobaczyć pełną wersję z większą zawartością, obrazkami i formatowaniem proszę kliknij tutaj.
Invision Power Board © 2001-2025 Invision Power Services, Inc.