Styles på knapper og checkbox

\"Siden blev ikke fundet\"

Ja
Ja

Kik lidt i koderne ... :)
http://www16.brinkster.com/breindal/diverse/forms/forms.html

her er der også noget om det http://www.eksperten.dk/spm/128803

ok, der er et punktum sidst i ovenstående URL - slet det, så virker linket.

Når jeg klikker på \'Domains\' så blokerer min virusdetekster og siger: IE prøver at læse fra AUTOEXEC.bat !!!!!!!!!!!!!!!

jayo> bare en lille ting, læs korrektur på jeres site en gang, eksempelvis skal den nederste linie \"We look forward to hearing from you\" enten hedde \"We look forward hearing from you\" eller \"We look forward to hear from you\" :-)

tony_breindal -> det forstår jeg ikke, det er bare et link til en anden .shtml side, ingen scripts og da slet ikke noget med .bat.....
Anyway, har kigge lidt på dit link - men jeg kan ikke helt se, hvordan jeg slipper af med den sorte ramme som indikerer \'in focus\'... mht. checkboxen; kan jeg ikke ændre baggrunds-farven og slippe af med skyggen??

ztyxx -> det har du desværre ikke ret i.... :( teksten er #perfectly correct#

hmm, jayo, har en englænder lige ved siden af, det var ham der sagde det??

onFocus=\"this.blur();\" fjerner \'myrestien\' rundt omkring links ...

Du kan ikke fjerne 3D effekten på radiobottons og checkbokse ... desværre ... :(

ok, har indsat onFocus=.... og den stiplede linie er forsvundet.... men det sorte ramme omkring \"Send\" er der nu stadig... hvis den kan fjerned ville det være alletiders, hvis ikke gør det ikke så meget.. Tak for hjælpen Tony!

ztyxx -> ren og skær tidsfordriv; prøv at gå til Google og søg efter \"looking forward hearing\" - - og se hvilke resultater du får.... anyway; dit svar hjalp også, så giv mig et svar hvis du vil have point...

-jayo

jayo, du kan fjerne den sorte streg omkring send knappen, prøv at kigge på det link jeg smed til dig :-)

border-width:0px;

hmmm, måske er det mig der er noet galt med -- jeg har kopieret hele ztyxx\'s kode og lige så snart min side kommer i fokus, dukker den sorte ramme op..... not to worry, jeg lever med knappen som den er.

Tak for hjælpen!
-jayo

<!DOCTYPE HTML PUBLIC \"-//W3C//DTD HTML 4.0 Transitional//EN\">

<html>
<head>
    <title>Untitled</title>
<style type=\"text/css\">
<!--
.fjernFarver {background-color:#FFFFFF;
              font-size:18px;
              font-weight:light;
              border-width:0px;
}

-->
</style>
</head>

<body>
<input class=\"fjernFarver\" type=\"button\" value=\"Send\" onFocus=\"this.blur();\">
</body>
</html>

tak tony.... problemet er jo bare, at jeg vil have en grøn ramme omkring min knap. Men hvis jeg definerer border som værende grøn, dukker der en sort ramme op udenom den grønne, når vinduet har focus. Det er denne sorte ramme jeg helst ikke vil have....

Lad mig lige se din style til den knap ... (smid den her) ... :)

.input-button {
    border-top: 1px solid #0D7112;
    border-bottom: 1px solid #0D7112;
    border-left: 1px solid #0D7112;
    border-right: 1px solid #0D7112;
    background-color: #c0c0c0;
    }

.indput-button{background-color:#c0c0c0;
            border-color:#0D7112;
            border-style:solid;
            border-top-width:thin;
            border-right-width:thin;
            border-bottom-width:thin;
            border-left-width:thin;
}

Ups ... border-top-width:1px;
    border-right-width:1px;
    border-bottom-width:1px;
    border-left-width:1px;

tony - - mange tak for din tålmodighed!
Jeg har en tilståelse: jeg havde ikke fået afsluttet formen efter submit-knappen, hvilket vil sige at submit-knappen altid var i fokus. Så I skal have mange tak for hjælpen, og jeg beklager at jeg ikke havde lavet mit hjemmearbejde ordentligt.
-jayo

\"Jeg har haft mange problemer i mit liv, men de blev aldrig rigtig til noget.\"
Mark Twain.

Er det ikke bare en dejlig dag, solen skinner og solsorten guffer regnorm på græsplænen ... :)

/Tony

Jeg har lavet lidt sjaw med checkboxe. Der er også en vis grad af supprt i Netscape 6.x her:

<html>
<head>
    <title></title>
<style>
body {background-color:#666666}

.tjekket1 {border-style: dotted; border-width: 0px; border-color: #ff9900; background-color: #ff0000;}
.tjekket2 {border-style: dotted; border-width: 2px; border-color: #ff9900; background-color: #ff0000;}
.tjekket3 {border-style: dotted; border-width: 3px; border-color: #ff9900; background-color: #ff0000;}
.tjekket4 {border-style: dotted; border-width: 4px; border-color: #ff9900; background-color: #ff0000;}
.tjekket5 {border-style: dotted; border-width: 5px; border-color: #ff9900; background-color: #ff0000;}
.tjekket6 {border-style: dotted; border-width: 6px; border-color: #ff9900; background-color: #ff0000;}
.tjekket7 {border-style: solid; border-width: 2px; border-color: #ff9900; background-color: #ff0000;}
.tjekket8 {border-style: none; border-width: 2px; border-color: #ff9900; background-color: #ff0000;}
.tjekket9 {border-style: groove; border-width: 2px; border-color: #ff9900; background-color: #ff0000;}


.check {
  background-color : #e9e9e9;
  border : 3px solid;
  border-bottom : 1px solid Gray;
  border-top : 1px solid Silver;
  border-left : 5px solid Silver;
  border-right : 5px solid Gray;   
}
</style>

</head>

<body>
<form name=\"f\">

<input type=\"checkbox\" value=\"hej\" class=\"tjekket1\">bøh
<input type=\"checkbox\" value=\"hej\" class=\"tjekket2\">bøh
<input type=\"checkbox\" value=\"hej\" class=\"tjekket3\">bøh
<input type=\"checkbox\" value=\"hej\" class=\"tjekket4\">bøh
<input type=\"checkbox\" value=\"hej\" class=\"tjekket5\">bøh
<input type=\"checkbox\" value=\"hej\" class=\"tjekket6\">bøh
<input type=\"checkbox\" value=\"hej\" class=\"tjekket7\">bøh
<input type=\"checkbox\" value=\"hej\" class=\"tjekket8\">bøh
<input type=\"checkbox\" value=\"hej\" class=\"tjekket9\">bøh
<input type=\"checkbox\" value=\"hej\" class=\"check\">bøh


</form>


</body>
</html>

Jow den er rigtig go\' :)

Er der ikke også noget med \'offset\' og \'dashed\' på rammerne ...

... og skal vi ik\' lige tage dem her med:

<input type=\"checkbox\" style=\"background-color:blue\" onMouseover=\"this.style.backgroundColor=\'#ff0000\'\" onMouseout=\"this.style.backgroundColor=\'#ffffff\'\">

<input type=\"checkbox\" name=\"billede\" value=\"check me\" style={background-image:url(smile.gif);}>

<input type=\"checkbox\" style=\"zoom:3\">

<input type=\"checkbox\" onFocus=\"this.blur();\" style=\"background-color:lime;\" onClick=\"if (this.style && !this.checked) this.style.backgroundColor = \'lime\'; else if (this.style && this.checked) this.style.backgroundColor = \'red\';\">

<input type=\"checkbox\" checked style=\"background-color:#CCff99\">

Tony - Jeg lavede den engang for at huske mig selv på hvilke jeg synes var ok. Bl.a udelod jeg \"dashed\", da jeg åbenbart har fundet den ubrugelig :-)

Hej Nikolej :)

Har du lagt den op et eller andet sted ... så kan jeg linke til den på min side ...

... \'offset\' er det ikke den modsatte af \'groove\' ?

Du kan da bare \"nuppe\" scriptet. ;-)

Ja ja, men det var for at give dig lidt \'kredit\' ... :)

takker for point:-)