Hi all,
I’m having issues regarding spacing between slices I made in Photoshop. In Chrome and Safari, the website looks perfect, no spacing whatsoever. However in IE or Firefox, there’s spacing in between image slices. I’ve tried to adjust the height to the table, but it doesn’t work. I am all out of ideas on how to fix this. Attached is a snapshot of what i’m talking about -
How can I fix this?
Hi Amanda Gaxiola. Welcome to the forums. 
It’s hard to tell from the image what’s happening there. We really need to see your code. However, these days it’s unlikely that you need to slice an image anyway. Are you using tables for your layout? This is way out of date nowadays. We can help you to choose a better way, though.
Try setting the image to display:block (assuming you don’t need them inline) but as Ralph said you shouldn’t really be using tables for layouts these days anyway.
This very old article explains the problem and although out of date is mostly correct.
Thank you so much for replying quickly. I know this is really outdated, I need to get updated on web design again.
If you want to see the site, it’s pinaldeputies.com. Like I said earlier, IE and Firefox are the only browsers that are giving me trouble.
Below is my code -
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Home | Pinal County Deputies Association</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<link type="text/css" href="menu.css" rel="stylesheet" />
<script type="text/javascript" src="jquery.js"></script>
<script type="text/javascript" src="menu.js"></script></head>
</head>
<body bgcolor="black">
<p><!-- ImageReady Slices (new.psd) --></p>
<table align="center" width="1081" cellpadding="0" cellspacing="0" border="0" id="Table_01">
<tbody>
<tr>
<td colspan="2"><img height="109" width="1080" src="images/index_01.gif" id="index_01" /></td>
<td><img height="109" width="1" src="images/spacer.gif" /></td>
</tr>
<tr>
<td colspan="2" width="1080" valign="top" height="45" bgcolor="#0c360c">
<div id="menu">
<ul class="menu">
<li><a href="index.html"><span>Home</span></a>
<div>
<ul>
<li><a href="agenda.html"><span>Meeting Agenda</span></a></li>
<li><a href="cal.html"><span>Calendar</span></a></li>
</ul>
</div>
</li>
<li><a href="about.html"><span>About</span></a></li>
<li class="last"><a href="app.html"><span>PCDA Application</span></a></li>
<li><a href="memorial.html"><span>Memorial</span></a></li>
<li><a href="connect.html"><span>Connect</span></a></li>
<li><a target="_blank" href="login.php"><span>For Members</span></a></li>
</ul>
</div>
</td>
<td><img height="45" width="1" src="images/spacer.gif" /></td>
</tr>
<tr>
<td><img height="89" width="152" src="images/index_03.gif" id="index_03" /></td>
<td width="928" rowspan="5" valign="top" height="511" bgcolor="#ffffff"><span><span>
<h3 class="null"><span style="line-height: 115%; font-size: 14pt;"><span style="font-family: Calibri;"><span style="text-decoration: underline;">Our Next General Membership Meeting Will Be:<o:p></o:p></span></span></span></h3>
<h3 class="null"><span style="font-size: small;"><span style="font-family: Calibri;">Date: Mon, June 11,2012<br />Time: 1900 Hrs<br />Location: Oracle Fire Department</span></span></h3>
<p class="null"> <strong><em><span style="font-family: Times New Roman; font-size: medium;">The following is a letter released by Sheriff Babeu 05/22/12:</span></em></strong></p>
<p class="null">Costs shifted to Sheriff without funding by Supervisors<br /><br />It’s a clear political attack for the board of supervisors (Peter Rios and David Snider) to say the Sheriff’s budget is not balanced, when they sign a contract with the unions after my budget is fixed and then don’t provide me with the $547,100 they agreed to. (shift differential and on-call pay) Where does that money come from when we are budgeted for gas for our vehicles at $1.78 per gallon, yet the price of fuel has doubled? In past years, the unpredictable rise in fuel costs were covered, but now the supervisor want to take full political advantage in this election year. Instead of funding the increased fuel charges like they have in past budget years to ensure our deputies continue to respond to emergencies and detention officers transport prisoners, their high paid county manager ($179,000 salary) says “pay for it out of your budget.” They want me to leave critical deputy and detention officer positions unfilled, which compromises our public safety.<br /><br />The county also changed budget procedures this year for all departments, where budget costs and funding was transferred for employee related expenses (ERE’s) such as FICA, retirement contributions, over time and workers compensation. The estimates by the Supervisors and their staff were significantly off and millions in funding were shorted to the Sheriff’s Office. The county later agreed to pay for some shortages in retirement contributions, employee related expenses and over $850,000 for workers compensation. <br />The county signed a legal contract (two sheriffs prior to me) with the U.S. Department of Homeland Security (ICE) for nearly 500 beds in our Jail and they have yet to hire the 51 additional detention officers that are required by this contract. The Sheriff’s Office is still required to staff our Jail according to the specifications of this contract, as well as transport detainees to medical appointments and court hearings. This failure by the board triggers a significant shift in overtime expense, which they have cut as well. This old federal contract charges only $59.64 per day, yet local Police Departments are charged $193.83 for the initial booking of a prisoner and $72.30 per day thereafter. These higher charges are not fair to local Police Departments and Pinal taxpayers. <br /><br />We are the largest law enforcement agency in Pinal County with nearly 700 full time staff and hundreds of volunteers. We operate a 1,500 inmate Jail in Florence and we are the primary emergency responders for most Pinal families. We have fewer officers per thousand residents than any of the city police departments, such as Casa Grande, Maricopa, Coolidge, Florence and Apache Junction. Many of these agencies strive for two officers for every 1,000 residents. The Sheriff’s Office has less than one deputy for every 1,000 residents in unincorporated areas of Pinal County. We are short over 100 deputies by conservative staffing models. <br /><br />When a Deputy is sick, on vacation or injured, we must have another Deputy work that shift on paid over-time or comp time. Now, the board plans to cut budgeted overtime nearly in half. If they are unwilling to prioritize the safety of our families by not hiring needed deputies and then cut overtime, there is only one result – delayed emergency response and compromising your safety. <br /><br />I guess it is more important to David Snider and Pete Rios to spend more than $6 million to renovate the county courthouse in Florence. Now we hear cost over runs of $1 million for the courthouse and I’m sure the Sheriff’s Office will somehow be blamed. Why renovate the courthouse now, while the board says they don’t have money for fuel for patrol deputies? Why does the board need newer and larger offices when other county buildings are available? <br /><br />Even with this budget scam and cost shift by the board, the Sheriff’s Office budget is balanced. In fact we have nearly $2 million in additional monies available. We have generated a near record $12.8 million in revenue from contract Jail beds to the feds. No good deed goes unpunished by my political enemies, who have promised to raid these funds to pay for their union contract, ERE’s and increased fuel costs. <br /><br />I’m so proud of the men and women I lead at the Sheriff’s Office, who risk their own personal safety and lives for all of us. We run a highly disciplined operation, evidenced by faster emergency response times, obtaining national accreditation for our jail, improved training and modern equipment for our staff to perform their duties. No one can disagree with the fact that our Sheriff’s Office is providing better service than four years ago. Thank you for your continued support of your Pinal County Sheriff’s Office and the men and women who are proud to serve you.<br /><br />Respectfully,<br /><br />Paul Babeu, Sheriff<br />Pinal County, Arizona</p>
</span></span></td>
<td><img height="89" width="1" src="images/spacer.gif" /></td>
</tr>
<tr>
<td><a target="_blank" href="azcops.org"><img height="108" width="152" src="images/index_05.gif" align="top" border="0" id="index_05" /></a></td>
<td><img height="108" width="1" src="images/spacer.gif" /></td>
</tr>
<tr>
<td><a target="_blank" href="ncpso.com"><img height="115" width="152" src="images/index_06.gif" border="0" id="index_06" /></a></td>
<td><img height="115" width="1" src="images/spacer.gif" /></td>
</tr>
<tr>
<td><a target="_blank" href="https://www.facebook.com/pages/Pinal-County-Deputies-Association/206168726084088"><img height="68" width="152" src="images/index_07.gif" border="0" id="index_07" /></a></td>
<td><img height="68" width="1" src="images/spacer.gif" /></td>
</tr>
<tr>
<td rowspan="2"><a target="_blank"
<a href="https://www.facebook.com/pages/Pinal-County-Deputies-Association/206168726084088"><img height="900" width="152" src="images/index_08.gif" border="0" id="index_08" /></a></td>
<td><img height="900" width="1" src="images/spacer.gif" /></td>
</tr>
<tr>
<td width="928" valign="bottom" height="35" bgcolor="#ffffff">
<div class="rights">© 2012 Pinal County Deputies Association <a href="http://apycom.com/" class="hidden">Navigation Courtesy of Apycom jQuery Menus</a></div>
</td>
<td><img height="35" width="1" src="images/spacer.gif" /></td>
</tr>
</tbody>
</table>
<p><!-- End ImageReady Slices --></p>
</body>
</html>
Hi,
That looks like the cells are aligned to the middle. Try this:
td,th{vertical-align:top}
Thank you thank you thank you!! It’s fixed! I’ve been trying to figure this out for a good 2 months and I couldn’t figure it out. So thank you thank you!!
@Amanda, 2 months! You sure have patience. Please don’t wait so long the next time There are a lot of bright people here that will help you out within hours/days.
Welcome to Sitepoint!
@cpradio, normally I wouldn’t have so much patience but it’s for a freelance job. But thank you all for the help. I was seriously thinking about changing the whole layout just because of this issue. So again thank you!!