problem z menu

[lemuś]

Witam, mam menu w takim pliku

i mam też pocięty plik który podświetla

I teraz mam pytanie ? Jak zrobić zeby zastosować te podświetlenie w praktyce. Czyli zeby ten pliczek obr.jpg nanieść na plansze graficzną menu.jpg Próbowałem juz rożnymi sposobami ehhh nie udało się .
Proszę o jakieś sensowne rozwiązanie.
Pozdrawiam

[Guszczyn]

zrobic opcje gdy najezdzasz myszka to pojawia sie ten drugi np tym kodzikiem(sprawdz bledy pisany z pamieci xd;P)

Kod:

<img src="3677187-menu.jpg" onmouseover="this.src='7088178-obr.jpg';" onmouseout="this.src='7088178-obr.jpg';" />

chyba jakos tak to bylo;P

[lemuś]

Ogólnie to nie sprawdza rozwiązania, ponieważ znika mi plansza menu.jpg jak najadę myszką na obr.jpg., a inne pozycje mają się też podświetlać.

[KowR]

Witaj.

Od tak (w HTML/XHTML):

Kod:

<a href="link" class="menu">Strona Główna</a>
<a href="link" class="menu">Galeria</a>
<a href="link" class="menu">Kontakt</a>

A w CSS od tak:

Kod:

a.menu {
margin:0px;
padding:0px; // ustaw tak manipulując nimi aby tekst był od góry jakieś 5 px (zależy od obrazka)
background:url(images/grafika.jpg);
width:40px; // ustal swoją szerokość przycisku
height:20px; // ustal wysokość przycisku
text-decoration:none;
font-family:Tahoma; // czcionka
font-size:10px; // wielkość czcionki
color:#ffffff; // kolor czcionki
text-align:center;
border:none;
display:block;
float:left;
}

a.menu:hover {
margin:0px;
padding:0px; // ustaw tak manipulując nimi aby tekst był od góry jakieś 5 px (zależy od obrazka)
background:url(images/grafika_hover.jpg);
width:40px; // ustal swoją szerokość przycisku
height:20px; // ustal wysokość przycisku
text-decoration:none;
font-family:Tahoma; // czcionka
font-size:10px; // wielkość czcionki
color:#ffffff; // kolor czcionki
border:none;
text-align:center;
border:none;
display:block;
float:left;
}

Pisane z palca.

Pozdrawiam i życzę miłego dnia.
Rodi.

[Labsta.com]

http://websta.pl/szybkie-triki/szybkitrik-obrazek-z-efektem-hover-rollover-w-css

Myślę, że po małej modyfikacji to pomoże.

[lemuś]

rodi wszystko dobrze tylko ja nie mogę użyć domyślnej czcionki muszę dać to jako obrazek z czcionką - wiec odpada

labsta no niby fajny pomysł już widziałem go gdzieś, ale chodzi mi nie o same podświetlanie tylko, np. jak jestem na jakieś stronie to zeby mi świeciło na stałe.

[KowR]

To nic tudniejszego? Robisz wszystko to co napisałem Tylko kasuje z XHTMLa tekst: "Strona Główna", "Galeria", "Kontakt".

Kod:

<a href="link" class="menu"></a>
<a href="link" class="menu"></a>
<a href="link" class="menu"></a>

A z CSSa wystarczy, że skasujesz:

Kod:

font-family:Tahoma;
font-size:10px;
color:#ffffff;
text-align:center;

Resztę zostawiasz tak jak napisałem.

Jak zrobić na stałe podświetlenie? Np. tak:

Kod:

<a href="link" class="menu_active"></a>

i dla każdej podstrony danej zmieniasz np. że na głównej jest dopisek active, a dla innych już nie.

W CSSie robisz tylko:

Kod:

a.menu_active {
margin:0px;
padding:0px;
background:url(images/grafika_active.jpg);
width:40px; // ustal szerokość przycisku
height:20px; // ustal wysokość przycisku
text-decoration:none;

To tyle. Proste, a cieszy.