[CSS]Kilka identyfikatorów za jednym razem Opcje

[panbobek44]

Mam taki kod:

[HTML] pobierz, plaintext 
#menu1 {
			width: 200px;
			margin: 5px;
			float: left
		}
 
		#menu2 {
			width: 200px;
			margin: 5px;
			float: left
		}
[HTML] pobierz, plaintext 

Można z tym zrobić coś w takim stylu:

[HTML] pobierz, plaintext 
#menu1,menu2 {
			width: 200px;
			margin: 5px;
			float: left
		}
[HTML] pobierz, plaintext 

[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]

A skad my inteligencie mamy wiedziec co jest nie tak?

Ze źródeł kulturalny inteligencie

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

[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]

[HTML] pobierz, plaintext 
<style type="text/css">
		body {
			background-color: #ffffff;
			color: #000000;
			font: normal 11px Verdana, Arial, sans-serif;
			margin: 0px
		}
 
		#menu1, #menu2 {
			width: 200px;
			margin: 5px;
			float: left
		}
 
		#menu1 dl, dt, dd, #menu2 dl, dt, dd {
			display: block;
			margin: 0;
			padding: 0
		}
 
		#menu1 dl, #menu2 dl {
			width: 200px
		}
 
		#menu1 dt, #menu2 dt {
			background-color: #82baff;
			color: #000000;
			padding: 2px;
			font-weight: bold;
			text-align: left
		}
 
		#menu1 .menu-odstep, #menu2 .menu-odstep {
			background-color: #ffffff;
			margin-bottom: 5px
		}
 
		#menu1 dl a:link, dl a:visited, #menu2 dl a:link, dl a:visited {
			display: block;
			text-decoration: none;
			text-align: justify;
			padding: 2px
		}
 
		#menu1 .menu-logo, #menu2 .menu-logo {
			background-color: #ffffff;
			padding: 0px
		}
 
		#menu1 .menu-naprzemian, #menu2 .menu-naprzemian {
			background-color: #e2e2e2
		}
 
		#menu1 .menu-wiecej, #menu2 .menu-wiecej {
			font-style: italic;
			font-size: 0.9em
		}
 
		#tresc {
			background-color: #0080c0;
			width: 390px;
			margin: 5px;
			float: left
		}
 
		#top {
			background-color: #ff8000;
			width: 810px;
			margin: 5px
		}
 
		#stopka {
			background-color: #ff80ff;
			width: 810px;
			margin: 5px;
			clear: both
		}
 
		#strona {
			float: left
		}
 
		#skyscraper1 {
			background-color: #408080;
			width: 80px;
			margin: 5px;
			float: left
		}
 
		#skyscraper2 {
			background-color: #408080;
			width: 80px;
			margin: 5px;
			float: left
		}
 
		a {
			text-decoration: none;
			color: #000000;
		}
 
		a:link, a:visited, a:active {
			text-decoration: none;
			color: #000000;
		}
 
		a:hover {
			text-decoration: none;
			color: #d90000;
		}
 
		img {
			border: 0px
		}
	</style>
[HTML] pobierz, plaintext 

Teraz wyświetla mi się poprawnie.