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 ? Quote 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? Quote 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. Quote 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 Quote Link to comment https://forums.phpfreaks.com/topic/226388-tile-alignment/#findComment-1169748 Share on other sites More sharing options...
Recommended Posts
Join the conversation
You can post now and register later. If you have an account, sign in now to post with your account.