Strona 1 z 1

Problem z menu w CSS

: 24 wrz 2007, 17:39
autor: 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 Obrazek

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

Re: Problem z menu w CSS

: 24 wrz 2007, 20:39
autor: 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;
}


Re: Problem z menu w CSS

: 24 wrz 2007, 20:52
autor: szpon
Nie działa, plik html nazwałem menu, plik css też menu i jest tylko takie coś (na obrazek kliknąć aby powiększyć)

Obrazek

Re: Problem z menu w CSS

: 24 wrz 2007, 20:55
autor: 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

Re: Problem z menu w CSS

: 24 wrz 2007, 21:59
autor: szpon
niestety, dalej nie działa

Re: Problem z menu w CSS

: 25 wrz 2007, 13:19
autor: 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;

Re: Problem z menu w CSS

: 25 wrz 2007, 15:30
autor: szpon
tak ustawiałem to i dalej nic

Re: Problem z menu w CSS

: 25 wrz 2007, 17:07
autor: 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 ;]

Re: Problem z menu w CSS

: 25 wrz 2007, 22:47
autor: szpon
Bardzo ci dziękuje, ale ze mnie łamaga, że nie umiałem sam zrobić :mur:

:super: :ok: