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

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

QuakeR, Musisz zmienić obrazek hovera :D

Udostępnij tego posta


Odnośnik do posta
Udostępnij na innych stronach

QuakeR, Daj plik css.

Udostępnij tego posta


Odnośnik do posta
Udostępnij na innych stronach

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

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

Podrzuć jeszcze wymiary obrazka :D

Udostępnij tego posta


Odnośnik do posta
Udostępnij na innych stronach

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

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

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

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.

×