I want this:
<div id="display">
<div id="slideshow1">
<table cellspacing=0><tr><td style="height:200px;padding:0;vertical-align:middle">
<img ... />
</td></tr></table>
</div>
</div>
And I'm using this:
var thelistt = localStorage.getItem('thelist')
var trt = document.createElement("div");
trt.setAttribute("Id","slideshow1");
trt.className="pics";
$('#display').append(trt);
var tble = document.createElement("table");
tble.setAttribute("cellspacing","0");
tble.innerHTML = "<tr><td style='height:200px;padding:0;vertical-align:middle'>";
$('#slideshow1').append(tble);
trt.innerHTML += thelistt;
This creates a div, then a table, closes the table, then images, then closes div..
Isn't there a smoother way to not do all this, if someone'd take a look at my current code i''m sure you'd get a good laugh :
http://hem.bredband.net/noor/bildspelet3.html
(you need to click on edit and put in two or more urls directly to images)
