WN

WN (https://www.wn.se/forum/index.php)
-   Klientsidans teknologier, design och grafik (https://www.wn.se/forum/forumdisplay.php?f=12)
-   -   Ta bort focus på knappar i FireFox? (https://www.wn.se/forum/showthread.php?t=19908)

tommiehansen 2007-03-17 05:14

Citat:

Ursprungligen postat av mindgem
Citat:

Ursprungligen postat av tommiehansen
Den där typen av saker är bara att lägga ner rakt av. Om det ändå ska designas så börja inte med att bryta användarvänliga saker direkt .. :f

Tänk lite större istället. :)

Den dag jag tar order från någon annan...

:rolleyes:

melin 2007-03-17 08:10

mindgem.. alltså, tommihansen har en poäng - du får aldrig skrota användarvänlighet för design..

hursom.. du vill ha olika bakgrund på en knapp beroende på om man pekar på den eller inte.

Jag föreslår att du läser lite CSS, speciellt då :hover funktionen

DeSoto 2007-03-17 09:05

Angående din första fråga så kan du skrota frames, så försvinner fokusen på dina länkar när de trycks på eftersom sidan laddas om.

mindgem 2007-03-17 13:43

Citat:

Originally posted by melin@Mar 17 2007, 09:10
mindgem.. alltså, tommihansen har en poäng - du får aldrig skrota användarvänlighet för design..

hursom.. du vill ha olika bakgrund på en knapp beroende på om man pekar på den eller inte.

Jag föreslår att du läser lite CSS, speciellt då :hover funktionen

Går det att göra på roll over knappar? Jag ska inte ha en textlänk utan bilder som är roll over länkar. Dessutom finns det ingen focus på textlänkar på samma sätt som när du markerar en bild i en cell som första bilden visar. Mitt problem är att länken öppnar ett nytt dokument i en iframe så focus sitter kvar på bilden istället för att normalt sätt flytta focus eftersom den laddar om _parent.

Men jag vill ha en bild när musen är någonannanstans, en annan bild när du hover över bilden/länken. och en tredje bild n'r du har klickat på länken och den nya sidan är laddad. Då ser du vart du befinner dig. Hur gör man detta?

melin 2007-03-17 19:57

:hover "ska" fungera till alla element.. men (som vanligt) så gör det inte det i t.ex Explorer 6 (vet inte hur 7an reagerar)

Jag skulle kika på jQuery om jag vore du. www.jquery.com

Det är ett paket med smarta javascriptfunktioner som underlättar en massa då man bygger med javascript funktioner

du kan se ett exempel här: www.melinweb.com/x/memory

Lukas 2007-03-21 10:40

Det behövs inget JavaScript, räcker att sätta outline:none på :focus. Funkar i både Firefox och IE6
#navi li a:focus {
outline: none;
}


Alla tider är GMT +2. Klockan är nu 06:18.

Programvara från: vBulletin® Version 3.8.2
Copyright ©2000 - 2025, Jelsoft Enterprises Ltd.
Svensk översättning av: Anders Pettersson