Cześć. Tym razem mam problem z ustawieniem menu obrazkowego na stronce internetowej. Poniżej kod:
<style type="text/css">
#menu
height: 168px;
width: 399px;
margin:auto;
x#home
display:inline-block
height: 30px;
background-image: url(images/home.png);
width: 300px;
x#home:hover
background-position: 0 30px;
x#portfolio
display: block;
height: 30px;
background-image: url(images/portfolio.png);
width: 104px;
x#portfolio:hover
background-position: 0 -30px;
x#kontakt
display: block;
height: 30px;
background-image: url(images/kontakt.png);
width: 96px;
x#kontakt:hover
background-position: 0 -30px;
ul, ul li
display: block;
list-style: none;
margin: 0;
padding: 0;
ul li
display: inline;
white-space: nowrap;
</style>
<?php
<div id="menu">
<ul>
<li><a href="#" id="home"></a></li>
<li><a href="#" id="portfolio"></a></li>
<li><a href="#" id="kontakt"></a></li>
</ul>
</div>
Teraz pytanie: Chciałbym, żeby menu nie było dzielone od góry, tylko po prawej stronie, tak jak jest na gameplay.pl, gdzie w górnym rogu widnieją miniatury obrazków, tak ja chcę utworzyć menu, tylko z 5 elementów (1 duży i 2 podzielone na 2 mniejsze) - na gameplay jest 6 mniejszych. Druga sprawa, mianowicie chciałbym, żeby ten cały "kontener" widniał nie na górze, lecz na środku strony. Proszę o pomoc.
Sory, w temacie chodziło o menu obrazkowe.
Pomoże ktoś ?