Radio-button og tekst i en tabel

Tags:    javascript html css

Hej Udviklere

Jeg har fået lavet en simpel quiz i JavaScript (Tip en 13'er). Hver svarmulighed består af en radio-knap og en tekst (se screenshot), og mit problem er, at teksten bliver vist under radio-knappen - og ikke til højre for, som den bør gøre.

Derfor er mit spørgsmål, om det er muligt at lave et table i JavaScript, så radio-knap og tekst kan blive vist i hver sin kolonne?

Et spørgsmål dannes ud fra følgende data:
Fold kodeboks ind/udJScript kode 


Og hver enkelt svarmulighed bliver vist med følgende kode:
Fold kodeboks ind/udJScript kode 


Tak for hjælpen!
Mange hilsner
Lasse



Indlæg senest redigeret d. 26.01.2016 11:45 af Bruger #20953
5 svar postet i denne tråd vises herunder
3 indlæg har modtaget i alt 5 karma
Sorter efter stemmer Sorter efter dato
Årsagen skyldes at du bruger bootstrap. I bootstrap.ccs linje 741:

Fold kodeboks ind/udCSS kode 


En måde at løse det på er at lave en mere specifik regel:

Fold kodeboks ind/udCSS kode 


Du kan også lave den uden '>', eller med 'inline-block' i stedet for inline.

Dette besvarer selvfølgelig ikke direkte dit spørgsmål om man kan det med en table. Hvis det virkelig er det du vil, så noget lignende det her for hver svarmulighed:
Fold kodeboks ind/udHTML kode 




Indlæg senest redigeret d. 26.01.2016 13:01 af Bruger #14645
kan du ikke ligge et link til online vertionen ??
så kan vi se HTML og CSS også




Som Ronny siger, så giv os HTML og CSS. Jeg prøvede at genskabe det i FF, https://jsfiddle.net/q5vaybhL/ . Men den eneste måde jeg kunne får det til at ligne dit, var hvis jeg satte displaylabel eller input til f.eks. block, så det kunne godt være noget CSS.



Indlæg senest redigeret d. 26.01.2016 12:20 af Bruger #14645
Tak for hurtig respons, begge to. Online-versionen er bl.a. her:
http://www.musikipedia.dk/grandprix/aktiviteter#5

Hele koden ser således ud:
Fold kodeboks ind/udJScript kode 


Samt denne eksterne JavaScript fil:
Fold kodeboks ind/udJScript kode 


Der er tale om et OpenSource script jeg har tilpasset. Så stjæl det endelig, hvis I mangler et simpelt quiz-program.



Indlæg senest redigeret d. 26.01.2016 12:35 af Bruger #20953
Årsagen skyldes at du bruger bootstrap. I bootstrap.ccs linje 741:

Fold kodeboks ind/udCSS kode 


En måde at løse det på er at lave en mere specifik regel:

Fold kodeboks ind/udCSS kode 


Du kan også lave den uden '>', eller med 'inline-block' i stedet for inline.

Dette besvarer selvfølgelig ikke direkte dit spørgsmål om man kan det med en table. Hvis det virkelig er det du vil, så noget lignende det her for hver svarmulighed:
Fold kodeboks ind/udHTML kode 


Smukt! Det virker (se selv)!
Tak for hjælpen. Tabellen dropper jeg - det var vist bare et dårligt formuleret spørgsmål, fordi jeg troede, det var den eneste løsning :)




t