Menu Opcje

[Warmix]

Chciałbym zrobić menu nawigacyjne, które miałoby tak wygądać:


Zakładam, że tło tych przycisków to jest obrazek, wieć dajmy, że mam go już wykonanego. Chciałbym, aby po najechaniu na nie, był efekt hover, w który to przyciemni się tło napisu. Chciałym, aby napis był na środku obrazka i to w poziomie i w pionie. Całość ma być na środku strony.

Męczę się z tym i coś nie chce mi wyjść...

[pitu]

Pokaż swój kod, no chyba że liczysz na gotowca? Wtedy do innego działu to się nadaje.

[Warmix]

Napisałem coś nowego i działa, tylko mam jeszcze problem... Jak całość wyśrodkować? Bo próbuję i nadal jest po lewej stronie...

ul, ul li {
display: block;
list-style: none;
margin: 0;
padding: 0;
}

ul {
float: left;
background-color: #fff;
padding: 1px 0 1px 1px;
border: 1px solid #000;
}

ul li {
float: left;
}

ul a:link, ul a:visited {
text-decoration: none;
display: block;
font-weight: bold;
background: #000 url("tlo.gif") repeat-x center;
color: #fff;
padding: 10px 20px;
border-right: 1px solid #fff;
border-right: 1px solid #fff;
}

ul a:hover {
background-color: #800;
background-image: url("tlo2.gif");
}

Ten post edytował Warmix 13.01.2013, 16:54:51