Hozzászólás: Három állású CSS gomb készítése

Szerző: Dia

Dia — Mon, 08 Aug 2011 13:30:49 +0000

Ez szuper!

Még hogy 3 állású gomb készítésére a Flash a legalkalmasabb program! Ugyan már! Ez százszor jobb!

Hálás köszönet érte!
Dia

Szerző: Acero

Acero — Sat, 21 May 2011 12:45:05 +0000

Helló!

Rendkívül jó és hasznos ötlet! Hasonló cikkeket szívesen látnék.

Köszönöm!

Szerző: Bogi

Bogi — Thu, 21 Apr 2011 06:48:49 +0000

Köszönöm.

Szerző: codeart

codeart — Wed, 20 Apr 2011 21:43:13 +0000

Így már világos, lemaradt a px az értékek végéről. Pótold és működni fog.

Szerző: Bogi

Bogi — Wed, 20 Apr 2011 20:08:15 +0000

Ennyire nem lehetek vak… így nézett ki a kód:
a.index{
background: url(images/index.gif);
background-repeat: no-repeat;
background-position: 0 0;
width: 200px;
height: 200px;
display: inline-block;
text-indent:-9999px;}
a.index:hover {
background-position: 0 -200;}
a.index:active {
background-position: 0 -400;}

Az utolsó két sor nem az active és a hover állapot??? :(

Szerző: codeart

codeart — Wed, 20 Apr 2011 18:12:30 +0000

Nem állítottad be a hover és active állapotot, a cikkben kitérünk erre is.

A hátteret el kell tolni, esetedben lefelé és annyival, ahány pixel magas a bombod.

a.button:hover { background-position: 0 -200px; }

Szerző: Bogi

Bogi — Wed, 20 Apr 2011 16:58:34 +0000

Ideiglenesen feltöltöttem ide: http://proba.reiki-fehervar.hu/index.html
Végignéztem Chrome, Firefox, Opera ls IE böngészőkben is.
Köszönöm.

Szerző: codeart

codeart — Wed, 20 Apr 2011 15:52:53 +0000

A hover és az active állapotot beállítottad? Milyen böngészőt használsz? Esetleg nincs egy link amin meg tudnám nézni?

Szerző: Bogi

Bogi — Wed, 20 Apr 2011 12:48:26 +0000

Üdv,

Tudom, hogy nem mai a cikk, de hátha kapok választ…
Az a kérdésem, hogy mi lehet az oka annak, hogy nem működik a gomb? Az alapállást mutatja, és nem áll át a hover és az active résznél a kép szükséges részére.

Köszönöm,
Bogi

Szerző: köszi

köszi — Sun, 16 Jan 2011 19:05:26 +0000

Csak meg szeretném köszönni, nagyon sokat segítettél.
Szóval: köszönöm :D
Üdv.