Skocz do zawartości
  • Przeglądający   0 użytkowników

    Brak zarejestrowanych użytkowników, przeglądających tę stronę.

QuakeR

Problem z hoverem

Promowane odpowiedzi

QuakeR    6

Witam mam problem z hoverem a mianowicie chodzi mi o to zeby wygladalo tak jak na screenie: . Jednak wyglada tak: . Jbc moge podeslac plik .css

Prosze o pomoc.

Z gory dziekuje

Udostępnij tego posta


Odnośnik do posta
Udostępnij na innych stronach
smix    239

QuakeR, Musisz zmienić obrazek hovera :D

Udostępnij tego posta


Odnośnik do posta
Udostępnij na innych stronach
ShineWeb    1

usuń display: block, jeżeli masz, ustaw width i height i daj tak:

background: url(adres) no-repeat center top;

Udostępnij tego posta


Odnośnik do posta
Udostępnij na innych stronach
QuakeR    6

Troche nie ogarniety moze byc :D. Lap w zalaczniku

[ Dodano: 2012-05-08, 18:06 ]

My-eSerwis, obrazek sie wysrodkowal, ale wciaz nie widac calego ;/

styles.zip

Udostępnij tego posta


Odnośnik do posta
Udostępnij na innych stronach
smix    239

Masz tak:

#hover
{
		background: url(images/hover.png);
		width: 125;
		height: 38;		
		text-align:center;
		font-size:16px;	
} 
Ustaw tak:
#hover
{
		background: url(images/hover.png);
		width: 125px;
		height: 38px;		
		text-align:center;
		font-size:16px;	
}

Udostępnij tego posta


Odnośnik do posta
Udostępnij na innych stronach
smix    239

Zobacz tak :

#hover
{
		background: url(images/hover.png)no-repeat left 0px; 
		width: 125px;
		height: 38px;		
		text-align:center;
		font-size:16px;	
}

[ Dodano: 2012-05-08, 18:17 ]

Masz źle zakodowany index.html :D

[ Dodano: 2012-05-08, 18:19 ]

Musisz użyć div class a nie div id :D

Udostępnij tego posta


Odnośnik do posta
Udostępnij na innych stronach
.dziunia    437

Albo z layoutu mozesz wyciac obrazki i w ov. dac tak

[/code]
A w css.
[code].klasacss {background: url(images/home.png) no-repeat; width:seustawiasz; height:seustawiasz; position:absolute; top:ustawiasz; right:ustawiasz;
a zeby byl z hoverem dajesz:
.klasacss:hover {background: url(images/home-hover.png) no-repeat; width:seustawiasz; height:seustawiasz; 

Moim zdaniem tak jest latwiej ale musisz ladnie wyciac :D

Udostępnij tego posta


Odnośnik do posta
Udostępnij na innych stronach
smix    239

Dziuniart, Łatwiej to jest ustawić hover a nie wycinać oddzielnie każdy obrazek :D Ale można i tak ;)

Udostępnij tego posta


Odnośnik do posta
Udostępnij na innych stronach
Gość
Ten temat został zamknięty. Brak możliwości dodania odpowiedzi.

×