April 8th, 2004, 12:45 PM
CSS Border issues
I've searched the archives to no avail. I am layering some svg images with div tags, and have set borders around the images. They are maps, one is an overview of the larger one set in the upper right corner of the larger one. My overview svg image displays correctly over the top of the larger one, but the border is behind the larger one. I've tried z-index, position: absolute; top: and what not. Any insight would be most appreciated.
April 9th, 2004, 07:39 AM
could i see the source to play round with?
April 9th, 2004, 09:27 AM
The html is first and then the corresponding CSS. I tried adding an overview2 that hasn't helped. Thanks.
<embed class="overview2" style ="position: absolute" name="over" src="files/overview/view1.svg" width="137px" height="130px" type="image/svg+xml" />
<embed class="map2" style ="position: absolute" name="map" src="files/1.svg" width="646px" height="539px" type="image/svg+xml" />
border: 3px solid black;
position: absolute; top: