I have a client that wants Craig's List templates...However, Craig's List appears to remove a lot of usual coding that is used, even fonts (stupid IMO). So, my question is, does anyone have a solution for image rollovers that are in-line or in the header tag? I've tried the usual roll over CSS code, works beautifully but Craig's List dumps it. Anyone have a possible work around for the font issue as well?
Here is my existing code (only the first button is setup with CSS rollover):
Code:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1" />
<title>
</title>
<style type="text/css">
<!--
a#details {
display: block;
width: 400px;
height: 32px;
background-image: url(http://www.triplemoonsdesign.com/classifiedflyer/military/images/nav/up_01.jpg);
margin: 0 auto;
}
a#details:hover {
background-image: url(http://www.triplemoonsdesign.com/classifiedflyer/military/images/nav/down_01.jpg);
}
a .alt { display: none; }-->
</style>
</head>
<body>
<table width="800" border="0" align="center" cellpadding="3" cellspacing="0" background="http://www.triplemoonsdesign.com/classifiedflyer/military/images/medium-blue.gif">
<tr>
<td><table width="800" border="0" align="center" cellpadding="0" cellspacing="0">
<tr>
<td align="left" valign="top"><img src="http://www.triplemoonsdesign.com/classifiedflyer/military/images/header-left.jpg" width="400" height="198" /></td>
<td align="left" valign="top"><table width="400" border="0" cellspacing="0" cellpadding="0">
<tr>
<td align="left" valign="top"><a id="details" alt="#details" width="400" height="32" border="0" /></a></td>
</tr>
<tr>
<td align="left" valign="top"><a href="#features"><img src="http://www.triplemoonsdesign.com/classifiedflyer/military/images/nav/up_02.jpg" width="400" height="32" border="0" /></a></td>
</tr>
<tr>
<td align="left" valign="top"><a href="#photos"><img src="http://www.triplemoonsdesign.com/classifiedflyer/military/images/nav/up_03.jpg" width="400" height="32" border="0" /></a></td>
</tr>
<tr>
<td align="left" valign="top"><a href="#carfaxreports"><img src="http://www.triplemoonsdesign.com/classifiedflyer/military/images/nav/up_04.jpg" width="400" height="31" border="0" /></a></td>
</tr>
<tr>
<td align="left" valign="top"><a href="#costtoown"><img src="http://www.triplemoonsdesign.com/classifiedflyer/military/images/nav/up_05.jpg" width="400" height="33" border="0" /></a></td>
</tr>
<tr>
<td align="left" valign="top"><a href="#print"><img src="http://www.triplemoonsdesign.com/classifiedflyer/military/images/nav/up_06.jpg" width="400" height="38" border="0" /></a></td>
</tr>
</table></td>
</tr>
<tr>
<td colspan="2" align="center" valign="top" background="http://www.triplemoonsdesign.com/classifiedflyer/military/images/medium-blue.gif"><table width="800" border="0" cellspacing="0" cellpadding="10">
<tr>
<td align="center" valign="top"><p style="font: Century Century Gothic, Arial; color: #000000; font-size: 25px;">Don't Miss This Deal With Very Low Miles!</p></td>
</tr>
</table></td>
</tr>
<tr>
<td colspan="2" align="left" valign="top" background="http://www.triplemoonsdesign.com/classifiedflyer/military/images/light-blue.gif"><table width="800" border="0" cellspacing="0" cellpadding="10">
<tr>
<td width="400" align="left" valign="top"><img src="http://www.triplemoonsdesign.com/classifiedflyer/military/images/car-1.jpg" width="400" height="267" /></td>
<td width="360" align="left" valign="top"><span style="font: Century Century Gothic, Arial; color: #000000; font-size: 14px;">• Appealing Burnt Orange Paint<br />
• Leather Interior<br />
• Flip Roof you will love<br />
• Chrome Rims<br />
• Brand new tires<br />
• Only 1 previous owner<br />
• Most driving was done on highway<br />
• Roof Racks added<br />
• Top of the line sterio<br />
• 6 CD Changer<br />
• Clean inside and out<br />
• Only 33,000 Miles<br />
• A must see!</span></td>
</tr>
</table></td>
</tr>
<tr>
<td colspan="2" align="left" valign="top" background="http://www.triplemoonsdesign.com/classifiedflyer/military/images/light-blue.gif"><table width="800" border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="295" align="left" valign="top"><table width="100%" border="0" cellspacing="0" cellpadding="10">
<tr>
<td align="left" valign="top"><span style="font: Century Century Gothic, Arial; color: #000000; font-size: 14px;">Make: Honda<br />
Model: Element<br />
Body Style: Sport Utility<br />
Year: 2003<br />
Price: $13,000<br />
Mileage: 11,100<br />
Vin #: T12413413341438455</span></td>
</tr>
</table>
<p style="font: Century Century Gothic, Arial; color: #000000; font-size: 14px;"> </p></td>
<td width="465" align="right" valign="top"><table width="100%" border="0" cellspacing="10" cellpadding="0">
<tr>
<td><img src="http://www.triplemoonsdesign.com/classifiedflyer/military/images/car-2.jpg" width="300" height="200" /></td>
<td><img src="http://www.triplemoonsdesign.com/classifiedflyer/military/images/car-3.jpg" width="300" height="200" /></td>
</tr>
</table></td>
</tr>
</table></td>
</tr>
<tr>
<td colspan="2" align="left" valign="top" background="http://www.triplemoonsdesign.com/classifiedflyer/military/images/medium-blue.gif"><table width="800" border="0" cellspacing="0" cellpadding="10">
<tr>
<td align="left" valign="top"><p style="font: Century Century Gothic, Arial; color: #000000; font-size: 14px; text-align: Justify; ">Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Curabitur eu mauris non sem sagittis consectetuer. Nullam ipsum lorem, rhoncus ac, pretium eu, pharetra sed, ligula. In eros augue, molestie vel, vestibulum porta, malesuada sed, ante. Aenean eu libero at nunc mollis gravida. Proin vestibulum. Nulla feugiat aliquam ipsum. Aliquam eleifend. Nam dignissim, urna vitae dictum accumsan, ligula metus gravida justo, at pellentesque tellus justo vitae eros. Suspendisse a urna quis leo vulputate interdum. Suspendisse sit amet turpis eget metus dignissim sollicitudin. Nulla non turpis. Sed condimentum, justo pretium commodo eleifend, elit diam porta justo, sed congue elit risus id risus.</p></td>
</tr>
</table></td>
</tr>
<tr>
<td colspan="2" align="left" valign="top"><table width="800" border="0" cellspacing="0" cellpadding="10">
<tr>
<td width="551" align="left" valign="top" bgcolor="#FFFFFF"><p style="font: Century Century Gothic, Arial; color: #000000; font-size: 14px;"> </p></td>
<td width="209" align="right" valign="bottom" bgcolor="#FFFFFF"><p style="font: Century Century Gothic, Arial; color: #000000; font-size: 14px; ">Flyer ad brought to you by:<br />
<img src="http://www.triplemoonsdesign.com/classifiedflyer/military/images/cfa-logo.gif" width="200" height="35" /><br />
<a href="http://www.classifiedflyerads.com" target="_blank">http://www.classifiedflyerads.com</a></p>
</td>
</tr>
</table></td>
</tr>
</table></td>
</tr>
</table>
</body>
</html>
07-08-2007, 10:16 PM
Riddle me this...
Linear Mode
