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ś ?
