EchoFool Posted February 1, 2011 Share Posted February 1, 2011 How do you place isometric shaped images together on html - i've seen it done but because images are sqaure /rectangular in shape it always leaves gaps which is driving me insane as i can't work out how to solve it. Any one ever managed to work out how they do it ? Link to comment https://forums.phpfreaks.com/topic/226388-tile-alignment/ Share on other sites More sharing options...
raknjak Posted February 2, 2011 Share Posted February 2, 2011 On you images do: display: block; or define "gaps" (screenshot?) how do you want to place the images? Link to comment https://forums.phpfreaks.com/topic/226388-tile-alignment/#findComment-1168781 Share on other sites More sharing options...
haku Posted February 2, 2011 Share Posted February 2, 2011 Not sure what you mean. Link to comment https://forums.phpfreaks.com/topic/226388-tile-alignment/#findComment-1168868 Share on other sites More sharing options...
denno020 Posted February 4, 2011 Share Posted February 4, 2011 All images will have a square border around them, which defines the outer most point of each side of the image. You could try using CSS and give img attributes a negative margin (on the left and on the top), so that they overlap the image previous and above. Just make sure that the area around the outside of the shape is transparent.. No promises that it will work, but I can't think why it wouldn't... Denno Link to comment https://forums.phpfreaks.com/topic/226388-tile-alignment/#findComment-1169748 Share on other sites More sharing options...
Recommended Posts
Archived
This topic is now archived and is closed to further replies.