Javascript inline

Sveiki, darau uzdavini ir niekaip negaliu padaryti, kad veliavos butu i eile, o ne i stulpeli. Google irgi nerandu. Gal kas is nusimananciu JavaScript padetu. Aciu.

display:inline-block;

<div style="display: inline-block;">

Kur as ji tureciau irasyt? Nes jai paimu viska scripta i div, jis man padaro viena dideli blocka. o jei i kievieno document.write div'a idedu, jis man visas veliavos spalvas i eile sumeta, tai jau nebe veliava gaunasi..

Kur as ji tureciau irasyt? Nes jai paimu viska scripta i div, jis man padaro viena dideli blocka. o jei i kievieno document.write div'a idedu, jis man visas veliavos spalvas i eile sumeta, tai jau nebe veliava gaunasi..

i kiekviena div'a

i kiekviena div'a

Tai jei ideu i kiekviena div'a, tada veliavos spalvos eina is eiles. nes veliava nera kaip vienas blokas ji susideda is triju spalvu.

Tai jei ideu i kiekviena div'a, tada veliavos spalvos eina is eiles. nes veliava nera kaip vienas blokas ji susideda is triju spalvu.

Įdėk tas tris spalvas į nuosavą div'ą ir gausi vėliavą kaip vieną bloką.

As nelabai suprantu kaip tai padaryti su Javascriptu.. vat ku beda. As galvojau taip padaryti, bet nznau kaip

Aplink kiekvieną for bloką įdėk po div'ą

document.write('<div style="display: inline-block;">');
// tavo for() blokas čia
document.write('</div>');

https://jsfiddle.net/42js0opj/

Beje čia yra stiliaus (css) problema, ne JS. Ir šiaip savo kodą gali optimizuoti, kad nekartoti tų style atribūtų kiekvieną kartą ir pnš. :)

As nelabai suprantu kaip tai padaryti su Javascriptu.. vat ku beda. As galvojau taip padaryti, bet nznau kaip

Panašu, kad dar turi spragų su HTML'u. Tada patarčiau pirma paprastai ranka pasirašyti HTML'ą, kuris atrodytų taip, kaip tu nori kad atrodytų. Tada visa tai perrašyti, kad būtų generuojama iš JS. Bus kur kas paprasčiau, nei viską tieisia iš JS daryti.

Paprastas kodas be ciklo, kad lengviau būtų suprast.

<div style="inline: block">
<div>Veliavos spalva 1</div>
<div>Velevios spalva 2</div>
<div>Veliavos spalva 3</div>
</div>