Notifikationer

Markér alle som læst Log ud

themepark Nybegynder

18. september 2003 - 19:00 Der er 5 kommentarer og
1 løsning

Opstilling af INPUT elementer

Jeg har en masse INPUT elementer på en side, som jeg gerne vil opstille i et kvadrat (jeg har beregnet antal rækker og kolonner i forvejen).

Mit problem er at jeg ikke kan bruge tabeller pga et problem, jeg så får med deres height og width (se evt. http://www.eksperten.dk/spm/399667).

Derfor vil jeg gerne høre, om der da ikke er andre måder, hvorpå jeg kan opstille disse elementer? Det MÅ der da være...jeg kan bare ikke komme i tanke om nogle :(

Synes godt om

swuppe Nybegynder

18. september 2003 - 19:37 #1

der er umiddelbart flere css-løsningsmuligheder, men jeg tror ikke jeg er helt med på hvordan du vil have det sat op, måske du kan lave en lille tegning?

Synes godt om

themepark Nybegynder

19. september 2003 - 12:20 #2

Nu kommer tegningen sikkert til at se rædselsfuld ud når jeg nu skal tegne det herinde, men here goes.

Jeg har f.eks. 25 INPUT felter, som skal vises som et kvadrat, dvs sådan her.

__ __ __ __ __
|xx|xx|xx|xx|xx|
|__|__|__|__|__|
|xx|xx|xx|xx|xx|
|__|__|__|__|__|
|xx|xx|xx|xx|xx|
|__|__|__|__|__|
|xx|xx|xx|xx|xx|
|__|__|__|__|__|
|xx|xx|xx|xx|xx|
|__|__|__|__|__|

Desuden skal pladsen mellem INPUT felterne være så lille som overhovedet muligt og helst 0.

Er det klart nok nu? :)

Synes godt om

swuppe Nybegynder

19. september 2003 - 13:13 #3

Det tror jeg !o) hvad med noget i den her stil, hvor bredden af div'en ændrer sig efter hvor mange kolonner du har.

<html>
<head>
<style>
div { width: 800px;}
input { float: left; }
</style>
</head>
<body>
<div>
<input type=text><input type=text><input type=text><input type=text><input type=text><input type=text><input type=text><input type=text><input type=text><input type=text><input type=text><input type=text><input type=text><input type=text><input type=text><input type=text><input type=text><input type=text><input type=text><input type=text><input type=text><input type=text><input type=text><input type=text><input type=text>
</div>
</body>
</html>

Synes godt om

themepark Nybegynder

19. september 2003 - 13:17 #4

Det virker jo!!! Ikke om jeg forstår HVORDAN ud fra de få linjers ekstra kode :( Kan du evt. forklare det for mig?

Synes godt om

swuppe Nybegynder

19. september 2003 - 13:24 #5

bredden på div'en gør at der vil være et tvungent linjeskift, float: left gør at alle elementer "flyder" til venstre i diven, ved siden af hinanden så længe der er plads.

bemærk at css'en gælder for alle div og input elementer i dokumentet.

Synes godt om

themepark Nybegynder

01. marts 2005 - 18:54 #6

Jeg aner ikke om det virker, da jeg endnu ikke har fået tjekket, men da du er den eneste der har svaret, og jeg er i gang med at lukke mine tråde, får du point :)

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