Problem z menu w CSS

[szpon]

Witam, chciałem zrobić takie menu jakie jest opisane Tutaj, ale coś mi nie wychodzi. Robię tak jak napisali, ale nic z tego a może rzeczywiście coś źle robie. Chodzi mi o to menu

Mógłby ktoś zrobić mi to menu, wpakować pliki do winrara i wstawić do pobrania, z góry dziękuję.

[Nivener]

szpon, łap : to do pliku HTML

Kod: Zaznacz cały

<table width="100%" border="0" cellpadding="0" cellspacing="0">
<th  valign="top">Strona</th>
<tr align="left"><td><a href="omnie.php" class="mainlevel" >O mnie</a></td></tr>
<tr align="left"><td><a href="projekty.php" class="mainlevel" >Projekty</a></td></tr>
<tr align="left"><td><a href="galeria.php" class="mainlevel" >Galeria</a></td></tr>
<tr align="left"><td><a href="humor.php" class="mainlevel" >Humor</a></td></tr>
<tr align="left"><td><a href="kontakt.php" class="mainlevel" >Kontakt</a></td></tr>

</table>

a w pliku css :

Kod: Zaznacz cały

th {
  background: url(images/subhead_bg.png) repeat-x;
  color: black;
	text-align: left;
	padding-top: 4px;
	padding-left: 4px;
	height: 21px;
	font-weight: bold;
	font-size: 10px;
	text-transform: uppercase;
}



a.mainlevel:link, a.mainlevel:visited {
	display: block;
	background: url(images/menu_bg.png) no-repeat;
	vertical-align: middle;
	font-size: 11px;
	font-weight: bold;
	color: white;
	text-align: left;
	padding-top: 5px;
	padding-left: 18px;
	height: 20px !important;
	height: 25px;
	width: 100%;
	text-decoration: none;
}

a.mainlevel:hover {
	background-position: 0px -25px;
	text-decoration: none;
	color: red;
}

a.sublevel:link, a.sublevel:visited {
	padding-left: 1px;
	vertical-align: middle;
	font-size: 11px;
	font-weight: bold;
	color: red;
	text-align: left;
}

a.sublevel:hover {
	color: red;
	text-decoration: none;
}

[szpon]

Nie działa, plik html nazwałem menu, plik css też menu i jest tylko takie coś (na obrazek kliknąć aby powiększyć)

[Nivener]

zapomniałem że musisz zrobić przyciski xD i ma wyglądać podobnie do tego :

Kod: Zaznacz cały

http://images23.fotosik.pl/87/8f358297735d3fe6.png

góra wyświetla sie zawsze a dół gdy najedziesz na niego myszką xD

[szpon]

niestety, dalej nie działa

[Nivener]

a ustawiłeś to:

Kod: Zaznacz cały

background: url(images/menu_bg.png) no-repeat;

bo tam zamiast

Kod: Zaznacz cały

images/menu_bg.png

ma być twój url do obrazka ;] czyli np. :

Kod: Zaznacz cały

background: url(szpon/forum/site/images/plik tła do menu.png) no-repeat;

[szpon]

tak ustawiałem to i dalej nic

[Nivener]

masz szpon,

Kod: Zaznacz cały

http://one.fsphost.com/Nivener/szpon.rar

to na 101% działa ! więc jak coś nie bedzie działać to znaczy ze ty coś kichasz ;]

[szpon]

Bardzo ci dziękuje, ale ze mnie łamaga, że nie umiałem sam zrobić