Hemsida med slidefunktion i meny

2013-09-13 12:59

Permalänk

vompen

Medlem

Plats: Bohus
Registrerad: Jun 2009

●

Hemsida med slidefunktion i meny

Hej!

Jag håller på att koda en hemsida i skolan, och då vill jag ha en funktion som gör att texten i/på en menyknapp flyttas på följande sätt när man hovrar med musen över:
http://jsfiddle.net/hUa5U/

Det enda jag lyckas med när jag tillämpar dessa koder i min css och html är att hela menyknapparna flyttas på det här sättet, och det enda jag vill ska flytta sig är texten i knapparna.

Skulle någon kunna hjälpa mig lite grand för att få det rätt? Behöver nödvändigtvis inte använda något script, jag bara snubblade över det här scriptet när jag letade på nätet!

Tack på förhand!

Visa signatur

Rapportera Redigera

Citera flera Citera

2013-09-13 13:01

Permalänk

jonke

Medlem

Registrerad: Okt 2002

●

Hur ser din html ut för knapparna samt CSS?

Rapportera Redigera

Citera flera Citera

2013-09-13 13:07

Permalänk

vompen

Medlem

Plats: Bohus
Registrerad: Jun 2009

●

Skrivet av jonke:

Hur ser din html ut för knapparna samt CSS?

Gå till inlägget

För bara knapparna så ser det ut så här just nu:

http://jsfiddle.net/BSMtx/

Detta är UTAN den där förflyttnings-effekten som jag vill tillämpa.

Visa signatur

Rapportera Redigera

Citera flera Citera

2013-09-13 13:16

Permalänk

jonke

Medlem

Registrerad: Okt 2002

●

Du vill att texten ska flytta på sig utan att knapparnas position påverkas när man håller pekarn över? För att göra det så måste du öka padding från ena sidan samtidigt som du minskar från den andra så att knappens bredd inte påverkas.

http://jsfiddle.net/BSMtx/1/

Rapportera Redigera

Citera flera Citera

2013-09-13 13:20

Permalänk

vompen

Medlem

Plats: Bohus
Registrerad: Jun 2009

●

Skrivet av jonke:

Du vill att texten ska flytta på sig utan att knapparnas position påverkas när man håller pekarn över? För att göra det så måste du öka padding från ena sidan samtidigt som du minskar från den andra så att knappens bredd inte påverkas.

http://jsfiddle.net/BSMtx/1/

Gå till inlägget

Det där har jag redan lyckats med, men jag vill ha den effekten jag länkade först, asså den transition-effekten på texten. Och att den går åt andra hållet mot vad du länkade precis Men tack ändå

Visa signatur

Rapportera Redigera

Citera flera Citera

2013-09-13 13:26

Permalänk

jonke

Medlem

Registrerad: Okt 2002

●

Skrivet av vompen:

Det där har jag redan lyckats med, men jag vill ha den effekten jag länkade först, asså den transition-effekten på texten. Och att den går åt andra hållet mot vad du länkade precis Men tack ändå

Gå till inlägget

Jaha, tolkade ditt inlägg som att det var att knapparna rörde på sig som va problemet

http://jsfiddle.net/BSMtx/3/ något liknande? ändrade transition-property till all

Rapportera Redigera

Citera flera Citera

2013-09-13 13:28

Permalänk

vompen

Medlem

Plats: Bohus
Registrerad: Jun 2009

●

Skrivet av jonke:

Jaha, tolkade ditt inlägg som att det var att knapparna rörde på sig som va problemet

http://jsfiddle.net/BSMtx/3/ något liknande? ändrade transition-property till all

Gå till inlägget

Precis så där ja! Tack så jädra mycket! Vad hade man gjort utan internet? haha

Visa signatur

Rapportera Redigera

Citera flera Citera

2013-09-13 13:32

Permalänk

MrMadMan

Medlem

Plats: Umeå
Registrerad: Maj 2003

●

Skrivet av vompen:

Precis så där ja! Tack så jädra mycket! Vad hade man gjort utan internet? haha

Gå till inlägget

Lärt sig saker på egen had?

Rapportera Redigera

Citera flera Citera

2013-09-13 13:32

Permalänk

HugSeal

Medlem ★

Plats: Linkan
Registrerad: Jun 2011

●

Skrivet av vompen:

Precis så där ja! Tack så jädra mycket! Vad hade man gjort utan internet? haha

Gå till inlägget

Man hade nog inte kodat hemsidor iallafall

Visa signatur

Raven RV02-e // 2500k@4.5GHz // 16GB 1866MHz // Sapphire 390// AX1200 // Silver Arrow // AsRock p76 E4 Gen 3 // Majestouch 2, bruna // 128GB Crucial m4 som systemdisk, 2TB WD Green som lagring och BX100 250GB för spel // ATH-m50x

AW 14
"Citera" för svar

Rapportera Redigera

Citera flera Citera

2013-09-13 13:35

Permalänk

vompen

Medlem

Plats: Bohus
Registrerad: Jun 2009

●

Skrivet av MrMadMan:

Lärt sig saker på egen had?

Gå till inlägget

Haha det har jag faktiskt gjort men jag kunde inte förstå vad och vart jag skulle ändra, och varje gång jag testade lite utan att veta så hände inte rätt sak haha

Skrivet av HugSeal:

Man hade nog inte kodat hemsidor iallafall

Gå till inlägget

Definitivt inte!

Visa signatur

Rapportera Redigera

Citera flera Citera

Hemsida med slidefunktion i meny

Hemsida med slidefunktion i meny

Externa nyheter

Spelnyheter från FZ