#menu1 { width: 200px; margin: 5px; float: left } #menu2 { width: 200px; margin: 5px; float: left }
Można z tym zrobić coś w takim stylu:
#menu1,menu2 { width: 200px; margin: 5px; float: left }
#menu1 { width: 200px; margin: 5px; float: left } #menu2 { width: 200px; margin: 5px; float: left }
#menu1,menu2 { width: 200px; margin: 5px; float: left }
<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>