#1
  1. No Profile Picture
    Registered User
    Devshed Newbie (0 - 499 posts)

    Join Date
    Jul 2008
    Posts
    1
    Rep Power
    0

    Images slices in table in div...


    yes i am a css n00b and am trying to place a sliced image (with a link in one slice) from a table (yes adobe) into a <div> like this...
    Code:
    <!-- display welcome div-->
    <div id="welcome">
    <table width="100%" border="0" cellspacing="0" cellpadding="0" >
    	<tr border="0">
    		<td colspan="3">
    			<img src="images/welcome_01.jpg" width="536" border="0" height="99" alt=""></td>
    	</tr>
    	<tr border="0">
    		<td rowspan="2">
    			<img src="images/welcome_02.jpg" width="67" border="0" height="128" alt=""></td>
    		<td>
    			<a href="search.php">
    				<img src="images/welcome_03.jpg" width="124" height="107" border="0" alt="search viera florida real estate brevard fl"></a></td>
    		<td rowspan="2">
    			<img src="images/welcome_04.jpg" width="345" border="0" height="128" alt=""></td>
    	</tr>
    	<tr>
    		<td>
    			<img src="images/welcome_05.jpg" width="124" border="0"height="21" alt=""></td>
    	</tr>
    </table>
    here is my css snip...
    Code:
    #welcome{
       padding: 10px 10px 10px 10px;
       height: 250px;
       color: #000000;
       text-indent: 0px;
       
    }
    the problem is that the sliced image seems to have borders around each slice so the composite images is being rendered thusly..


    link to jpeg



    http://www.viera-brevard-real-estate.com/badTable.jpg

    any ideas appreciated..

    advTHANKSance,
    - mark
    Last edited by menriquez; July 16th, 2008 at 02:47 PM. Reason: add link
  2. #2
  3. garish grotesque gargoyle
    Devshed Beginner (1000 - 1499 posts)

    Join Date
    Mar 2006
    Location
    gracing gargantuan gothic gateways
    Posts
    1,323
    Rep Power
    0
    kill any/all whitespace around the link, e.g. between the open 'td' and the open 'a', between the open 'a' and the open 'img', between the end of the 'img' and the close 'a', and between the close 'a' and the close 'td', and give it another shot. otherwise you can try styling the 'a' and the 'img' as padding:0;margin:0;. good luck!

IMN logo majestic logo threadwatch logo seochat tools logo