Ferde vonal, div vagy span, for ciklus segédletével 3407
Mozillában is működik
ha a DOCTYPE meghatározást töröljük és natur HTML fájlt alkalmazunk.
XHTML fájl
<div class="bemutato">
<script type="text/javascript" language="javascript" src="js_fájl_elérési_út.js"> </script>
</div>
CSS fájl
.bemutato{ width: 500px; height: 220px; background-color: #ccff33; margin-left: 100px; }
#egyenesvonal {width:1px; height:1px; background-color: black; font-size: 1px; line-height: 150%; }
JavaScript fájl
var vh = 100; // vh=Vonal hossza, megegyezik a pontok, azaz objektumok számával (100)
var y=1; //Kezdő pozíció top oldalon, azaz függőlegesen
var x=1; // Kezdő pozíció left oldalon, azaz vízszintesen
// A ciklusban div elemeket alkalmazunk, megjelenés függőleges. Ha vízszintest akarunk, alkalmazzuk a float-left meghatározást
// A ciklusban span elemeket alkalmazunk, akkor vízszintest kapunk. Függőlegeshez, alkalmazzunk sorlezáró utasítást <br /> a sor végén
// div jelölőelemk alkalmazásakor, nem szükséges karaktert beírni (Például: pontot)
// span jelölőelemek alkalmazásakor, MOZILLA végett, be kell írni, legalább egyetlen karaktert, (Például: pontot)
for (i = 0; i < vh; i++) {
x=x+1; // Ennyivel mozognak left koordinátán, egymáshoz viszonyítva a div szakaszok
document.write('<div id="egyenesvonal" style="margin-top:'+y+'; margin-left:'+x+';">.</div>');
}