soooo i have this function that prints one of 5 random texts ON an

Question

0

Asked: May 23, 20262026-05-23T17:20:00+00:00 2026-05-23T17:20:00+00:00

soooo i have this function that prints one of 5 random texts ON an

0

soooo i have this function that prints one of 5 random texts ON an image (in my case, a notepad, like writing on it.)

function getatext()
{
   var whichtext=get_random();

    var text=new Array(5)
     text[0]="text0";
     text[1]="text1";
     text[2]="text2";   
     text[3]="text3";
     text[4]="text4";

     document.getElementById("notepad").innerHTML +=
             '<p class="notepad">'+(text[whichtext])+'</p>';

Thing is, every time i have text printed, it is printed on top of another, instead of like a new entry, and pushing the others down the list.

I tried <li> tags but most examples and tuts i can stumble upon use them in simple html pages, not in javascript text writes which appear somewhat more difficult (at least to me).

Using '<p class="notepad">'+'<li>'+(text[whichtext])+'</li>'+'</p>'; got me the list appear, though it is not printed ON the image, but way off. I guess it completely ignores the <p> tag this way?

I even tried creating a ul.notepad inside my .css in case it mattered.. What am I doing wrong?

EDIT: included from .css .notepad, p.notepad and <content> where all this is taking place:

#content {
    border-left:1px solid #000;
    border-right:1px solid #000;
    background:#ffffff;
    margin-left: 24.9%;
    width:75%;
    min-height:0;
    position:relative;  

.notepad {
        position: relative;
        background-repeat:no-repeat;  
        background-attachment:fixed; 
        width: 300px;
}

p.notepad {
    font-family:"Lucida Handwriting";
    position: absolute;
    top: 90px; 
    left: 65px;   
}

EDIT 2: after inspecting the problem some more, I’ve found out that position: absolute; inside my p.notepad is probably causing all this. A random text is printed for the first time, then when the time for the second text to be printed comes, it takes the same coords from p.notepad and that is why it prints it ontop of the 1st text. But having the position: absolute is important, otherwise the text it isn’t printed ON my notepad image..