Forum PHP.pl > [CSS]Rollover brak jakiegokolwiek działania.

Pomoc - Szukaj - Użytkownicy - Kalendarz

Pełna wersja: [CSS]Rollover brak jakiegokolwiek działania.

Protection

27.04.2014, 21:45:09

Witam serdecznie, zaprojektowałem sobie szablon w Adobe Photoshop CS6. Chciałbym uzyskać aktywne menu za pomocą Rollover, mój przycisk wygląda tak:

Teraz przedstawię wam mój css który niestety nie przynosi efektu:

[HTML] pobierz, plaintext 
<html>
<head>
  <title>ProtectionPL</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<style type="text/css">
a.link
{
background: url(images/iphone4s16gb_03.jpg) no-repeat;
display:block;
height:45px;
overflow:hidden;
width:84px;
}
a.link:hover
{
background-position: 0px -45px;
}
a.link span
{
display:block;
text-indent: -9999px;
}
</style>
</head>
[HTML] pobierz, plaintext

Teraz wywołanie za pomocą odnośnika:

[HTML] pobierz, plaintext 
<td colspan="4"> <a class="link" href="#"><img style="border: 0px solid ; width: 84px; height: 45px;" src="images/iphone4s16gb_03.jpg" alt=""></a></td>
[HTML] pobierz, plaintext

a tak wygląda to na stronie.

Wytłumaczy mi ktoś dlaczego to nie działa lub zaproponuję jakąś inną metodę wykonania ?

Kshyhoo

27.04.2014, 21:53:17

Wywal obrazek z linku:

[HTML] pobierz, plaintext 
 <a class="link" href="#"></a>
[HTML] pobierz, plaintext

Protection

27.04.2014, 21:57:42

Dzięki wielkie, heh taki banał nie ma to jak zrobić z siebie idiotę dzieki jeszcze raz.

Kshyhoo

27.04.2014, 22:00:20

Cytat(Protection @ 27.04.2014, 22:57:42 )

Dzięki wielkie, heh taki banał nie ma to jak zrobić z siebie idiotę dzieki jeszcze raz.

I to w pierwszym poście ;p
Rollover działa w CSS, więc wyświetlenie obrazka na sztywno w HTML psuje ideę.
Polecamy się na przyszłość

Protection

27.04.2014, 22:15:33

No tak, na pewno będę starał się udzielać dzięki jeszcze raz.

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.