image breaking

•

What is DaniWeb IT Discussion Community?

You're currently browsing the JavaScript / DHTML / AJAX section within the Web Development category of DaniWeb, a massive community of 397,598 software developers, web developers, Internet marketers, and tech gurus who are all enthusiastic about making contacts, networking, and learning from each other. In fact, there are 2,865 IT professionals currently interacting right now! Registration is free, only takes a minute and lets you enjoy all of the interactive features of the site.

Join our community!

Please support our JavaScript / DHTML / AJAX advertiser: Lunarpages Web Hosting

image breaking

•

Join Date: Aug 2007

Posts: 128

Reputation: hacker9801 is on a distinguished road

Rep Power: 2

Solved Threads: 13

hacker9801 hacker9801 is offline

Offline

Junior Poster

image breaking

Mar 30th, 2008

Hello.

I'm using JS/DOM to create a map in a <div>, named map, like this:

 Help with Code Tags 
 javascript Syntax (Toggle Plain Text) 
var tile = document.createElement("IMG");
tile.src = "tiles/" + node.getAttribute("type");
tile.setAttribute("width", "32");
tile.setAttribute("height", "32");
tile.className = "brick";
map.appendChild(tile);
var tile = document.createElement("IMG");
tile.src = "tiles/" + node.getAttribute("type");
tile.setAttribute("width", "32");
tile.setAttribute("height", "32");
tile.className = "brick";
map.appendChild(tile);

It works, but the image breaks on a <br/>
(screenshot: http://i28.tinypic.com/6ynu3o.png)
the image is a 32x32 tile of grass.

It shouldn't have those breaks.

I've tried

 Help with Code Tags 
 javascript Syntax (Toggle Plain Text) 
map.innerHTML = "<img src=\"tiles/grass.gif\" width=\"32\" height=\"32\" class=\"brick\">";
map.innerHTML = "<img src=\"tiles/grass.gif\" width=\"32\" height=\"32\" class=\"brick\">";

also, same thing.

Any ideas?

DaniWeb Home > Forums > Web Development > JavaScript / DHTML / AJAX > image breaking

image breaking

image breaking

image breaking