Notifikationer

Markér alle som læst Log ud

d797fni Nybegynder

02. juli 2002 - 13:12 Der er 10 kommentarer og
1 løsning

Checkbox størrelse

Hej

Jeg sidder og roder med en større tabel. Jeg har en del checkboxe 40-50 stykker, som jeg gerne vil gøre mindre, så det kommer til at passe med resten af siden.

Kan man gøre checkboxe mindre eller større, eller har de en fast størrelse ??

Hvordan med højden af et TEXT felt, samme problem ?

Synes godt om

sthen Nybegynder

02. juli 2002 - 13:20 #1

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

.tjekket1 {border-style: dotted; border-width: 0px; border-color: #009900; background-color: #ff0000;}
.tjekket2 {border-style: dotted; border-width: 2px; border-color: #009900; background-color: #ff0000;}
.tjekket3 {border-style: dotted; border-width: 3px; border-color: #009900; background-color: #ff0000;}
.tjekket4 {border-style: dotted; border-width: 4px; border-color: #009900; background-color: #ff0000;}
.tjekket5 {border-style: dotted; border-width: 5px; border-color: #009900; background-color: #ff0000;}
.tjekket6 {border-style: dotted; border-width: 6px; border-color: #009900; background-color: #ff0000;}
.tjekket7 {border-style: solid; border-width: 2px; border-color: #009900; background-color: #ff0000;}
.tjekket8 {border-style: none; border-width: 2px; border-color: #009900; background-color: #ff0000;}
.tjekket9 {border-style: groove; border-width: 2px; border-color: #009900; 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

<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(2.jpg);">

<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">

<br>

<input type="radio" value="hej" class="tjekket1">bøh
<input type="radio" value="hej" class="tjekket2">bøh
<input type="radio" value="hej" class="tjekket3">bøh
<input type="radio" value="hej" class="tjekket4">bøh
<input type="radio" value="hej" class="tjekket5">bøh
<input type="radio" value="hej" class="tjekket6">bøh
<input type="radio" value="hej" class="tjekket7">bøh
<input type="radio" value="hej" class="tjekket8">bøh
<input type="radio" value="hej" class="tjekket9">bøh
<input type="radio" value="hej" class="check">bøh
<input type="radio" style="background-color:blue" onMouseover="this.style.backgroundColor='#ff0000'" onMouseout="this.style.backgroundColor='#ffffff'">
<input type="radio" name="billede" value="check me" style="background-image:URL(2.jpg);">
<input type="radio" style="zoom:3">
<input type="radio" 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="radio" checked style="background-color:#CCff99">

</form>

</body>
</html>

Prøv at gemme ovenstående og se så.
Vender tilbage med TEXT-feltet om lidt

Synes godt om

sthen Nybegynder

02. juli 2002 - 13:22 #2

Således for eksempel:

<input type="text" name="navn" SIZE="10" MAXLENGTH="10" STYLE="border: 1px solid #000063; width:120px; height:20px; font-family:Verdana; font-size:12px;">

Synes godt om

nikolajdu Nybegynder

02. juli 2002 - 13:28 #3

Eeeeeeej Sthen manner....

Synes godt om

d797fni Nybegynder

02. juli 2002 - 13:32 #4

Hvis eg gerne vil have en ganske alm. checkbox, bare mindre i størrelse, så den ikke fylder så meget i en tabel, dvs med border størrelse og det hele ??

Synes godt om

sthen Nybegynder

02. juli 2002 - 13:32 #5

what's up doc?
something you knew?
something you've made?

Synes godt om

nikolajdu Nybegynder

02. juli 2002 - 13:36 #6

Yep det er mig der har lavet listen, men det tog mig for lang tid at finde den frem... :(((

/Nikolaj

Synes godt om

sthen Nybegynder

02. juli 2002 - 13:38 #7

Det VED jeg da godt!
Så er det jo godt at have system i rodet - i stedet for rod i systemet - ik' ?
;)

Synes godt om

sthen Nybegynder

02. juli 2002 - 13:41 #8

Undskyld d797fni

Jeg er godt klar over hvad du ønsker, og det er jeg bange for ikke kan lade sig gøre.

Synes godt om

nikolajdu Nybegynder

02. juli 2002 - 13:44 #9

apropos rod, så er det netop fordi jeg har ryddet op i de ca 400 javascripts jeg har liggende og forsøgt at sortere dem for bedre overblik, men ak - Missionen mislykkedes...

Synes godt om

d797fni Nybegynder

02. juli 2002 - 14:02 #10

har fundet ud af det !!!

style="zoom:.8; border-width: 0px"

Synes godt om

sthen Nybegynder

02. juli 2002 - 14:05 #11

thanx

Synes godt om

Ny bruger Nybegynder

Din løsning...

Tilladte BB-code-tags: [b]fed[/b] [i]kursiv[/i] [u]understreget[/u] Web- og emailadresser omdannes automatisk til links. Der sættes "nofollow" på alle links.

Følg dette spørgsmål

Opret Preview

Webudvikling kurser

Vi tilbyder markedets bedste kurser inden for webudvikling

Se alle Webudvikling kurser

Flere spørgsmål fra HTML kategorien

Titel	Indlæg	Oprettet	Seneste aktivitet
Hjælp med HTML og CSS Af Nojsa i HTML	18	10/09/202515:07	17/09/202515:11
CSS 2 x firkanter + tekst på samme linje Af nemlig i HTML	3	19/03/202522:16	20/03/202513:04
Se og ændre html på en webside Af magger i HTML	4	11/03/202513:55	12/03/202506:56
Få input felt, der er med fed skrift og formatteres på linje Af KurtG i HTML	5	02/03/202520:05	04/03/202515:40
Variabler som ikke virker Af Frits Jensen i HTML	3	30/10/202409:37	01/01/202515:27

Se alle spørgsmål i kategorien Opret spørgsmål

Log ind eller opret profil

Hov!

For at kunne deltage på Computerworld Eksperten skal du være logget ind.

Det er heldigvis nemt at oprette en bruger: Det tager to minutter og du kan vælge at bruge enten e-mail, Facebook eller Google som login.

Du kan også logge ind via nedenstående tjenester

Alle kategorier på Eksperten

Seneste artiklerRSS