Forum PHP.pl

Pomoc - Szukaj - Użytkownicy - Kalendarz

Pełna wersja: Menu

Forum PHP.pl > Forum > Po stronie przeglądarki > CSS

Warmix

13.01.2013, 15:45:11

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

13.01.2013, 15:50:56

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

Warmix

13.01.2013, 16:54:02

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...

Cytat

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");
}

To jest wersja lo-fi głównej zawartości. Aby zobaczyć pełną wersję z większą zawartością, obrazkami i formatowaniem proszę kliknij tutaj.