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
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ć)
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
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,
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