www.webdeveloper.com
Results 1 to 4 of 4

Thread: IE CSS Image Overlay Absolute/Relative position

  1. #1
    Join Date
    Mar 2003
    Location
    Hampshire, UK
    Posts
    3

    Question IE CSS Image Overlay Absolute/Relative position

    Hi, I'm really new to these forums but i have a bit of a CSS problem, i've tried everything under the sun to fix it, and its quite weird problem

    The page: http://home.dave-w.net/www/zetecscom/index.asp?sr=false

    If you take alook at the above url I'm using css positioning to put a 'zoom image' mouse over over the top of another image. Anyhelp would be appricated

    p.s. the website is being built for IE only so please try to not cringe to much

    p.p.s I can't use the background trick for this because the images change size
    Attached Images Attached Images

  2. #2
    Join Date
    Mar 2003
    Location
    Hampshire, UK
    Posts
    3
    Here's the offending code from the css & html
    Code:
    CSS:
    table.image-block {
    		background-color: #475360;
    		border: 1px solid #28313C; 
    		padding: 0px ;
    		margin-right: 10px ;
    		margin-bottom: 10px;
    		float: left;
    }
    td.image-block{
    		position: relative;
    		border: 1px solid #56606C;
    		margin: 0px ;
    		padding: 0px ;
    }
    
    HTML:
    <table width="99" class="image-block" cellspacing="0" cellpadding="0">
    <tr>
    	<td class="image-block">
    	<img src="./images/albums/gallery-blue02-small.jpg" width="95" height="71" alt="" border="0"  style="position: relative;">
    	<div style="position:absolute; left:0px; top:0px;">
    		<a href="./index.asp" onMouseOut="swapImgRestore()" onMouseOver="swapImage('image-2','','./images/images/zoomimage.gif',1)"><img name="image-2" src="./images/images/overlay.gif" width="95" height="71" alt="" border="0"></a>
    	</div>
    	</td>
    </tr>
    </table>

  3. #3
    Join Date
    Mar 2003
    Location
    Hampshire, UK
    Posts
    3
    Ah! i managed to fix it on my own accord! had to position: relative; the parent objects.

  4. #4
    celebguy_dv Guest

Thread Information

Users Browsing this Thread

There are currently 1 users browsing this thread. (0 members and 1 guests)

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •  
HTML5 Development Center



Recent Articles