Menu
Hello sir
Quick response will be appreciated
I develped one html page “hot deal” which looks fine in firefox but in ie6 it is not viewing properly.
For that i devloped that page again “hot deal1”. now it looks same in ff n ie6.
But in Ie6 1px height is very large as compared to ff. So for that i develope new images which fit in that much height. But after developing when page view, it looks very big in size.
Dimenstions are perfectely given in coding but on a page it looks very big.sir plz try to find a solution if possible.
Thanks And Regards.
Shefali Banthia.
Here is the code for HotDeal1
<!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 Transitional//EN” “
<html>
<head>
<title>Hot Deal</title>
<style type=”text/css”>
.x{font-family: Trebuchet MS;
font-size: 10pt; }
.y{font-family:Arial Baltic;
font-size:11pt; )
</style>
</head>
<body>
<table cellpadding=”0″ cellspacing=”0″ align=”center” style=”width: 230px;”>
<tr>
<td style=”width: 6px”><img src=lefttopouter1.gif align=”left” style=”vertical-align:top; height:20px; width:6px;”/> </td>
<td style=”vertical-align:top; background-color:#B5CBD6;” colspan=”5″><img src=box-border.gif align=”top” style=”vertical-align:top; height:1px; width:218px”/> </td>
<td><img src=”righttopouter1.GIF” align=”top” style=”vertical-align:top; height:20px; width:6px” /></td>
</tr>
<tr>
<td style=”width:6px; height:23px; background-color:#B5CBD6; border-left: solid 1px gray”> </td>
<td style=”width:218px; height:23px; background-color:#B5CBD6;” align=”center” colspan=”5″> HOT DEAL</td>
<td style=”width:6px; height:23px; background-color:#B5CBD6; border-right: solid 1px gray”> </td>
</tr>
<tr>
<td style=”width:6px; height:1px; background-color:#B5CBD6; border-left: solid 1px gray”> </td>
<td style=”width:4px; height:1px; background-color:#B5CBD6;”></td>
<td style=”width:6px; height:1px”><img src=lefttopinner1.GIF style=”vertical-align:top;” align=”left” /></td>
<td style=”vertical-align:top”><img src=box-border.gif align=”top” style=”vertical-align:top; height:1px; width:198px”/></td>
<td style=”width:6px; height:1px”><img src=righttopinner1.GIF align=”right” /> </td>
<td style=”width:4px; height:1px; background-color:#B5CBD6;”></td>
<td style=”width:6px; height:1px; background-color:#B5CBD6; border-right: solid 1px gray”> </td>
</tr>
<tr>
<td style=”width:6px; height:29px; background-color:#B5CBD6; border-left: solid 1px gray”> </td>
<td style=”width:4px; height:29px; background-color:#B5CBD6;”></td>
<td style=”width:210px; height:29px; vertical-align:top; color:#1F6D8C; border-left: solid 1px gray; border-right: solid 1px gray” align=”center” class=”x” colspan=”3″>NORTH TOUR PACKAGE</td>
<td style=”width:4px; height:29px; background-color:#B5CBD6;”></td>
<td style=”width:6px; height:29px; background-color:#B5CBD6; border-right: solid 1px gray”> </td>
</tr>
<tr>
<td style=”width:6px; height:134px; background-color:#B5CBD6; border-left: solid 1px gray”> </td>
<td style=”width:4px; height:134px; background-color:#B5CBD6;”></td>
<td style=”border-left: solid 1px gray; border-right: solid 1px gray” colspan=”3″> <img src=”17_30_3_thumb.jpg” style=”height:134px; width:100%”/></td>
<td style=”width:4px; height:134px; background-color:#B5CBD6;”></td>
<td style=”width:6px; height:134px; background-color:#B5CBD6; border-right: solid 1px gray”> </td>
</tr>
<tr>
<td style=”width:6px; height:20px; background-color:#B5CBD6; border-left: solid 1px gray”> </td>
<td style=”width:4px; height:20px; background-color:#B5CBD6;”></td>
<td style=”width:210px; height:20px; border-left: solid 1px gray; border-right: solid 1px gray;” class=”y” colspan=”3″> << 1 2 3 4&nbs p; 5 6 >></td>
<td style=”width:4px; height:20px; background-color:#B5CBD6;”></td>
<td style=”width:6px; height:20px; background-color:#B5CBD6; border-right: solid 1px gray”> </td>
</tr>
<tr>
<td style=”width:6px; height:1px; background-color:#B5CBD6; border-left: solid 1px gray”> </td>
<td style=”width:4px; height:1px; background-color:#B5CBD6;”></td>
<td style=”width:6px; height:1px; vertical-align:bottom; “><img src=leftbottominner1.GIF align=”left”/></td>
<td style=” vertical-align:bottom”><img src=box-border.gif align=”bottom” style=”vertical-align:bottom; height:1px; width:198px” /></td>
<td style=”width:6px; height:1px; vertical-align:bottom;”><img src=rightbottominner1.GIF align=”right”/></td>
<td style=”width:4px; height:1px; background-color:#B5CBD6;”></td>
<td style=”width:6px; height:1px; background-color:#B5CBD6; border-right: solid 1px gray”> </td>
</tr>
<tr>
<td style=”height:10px; width:230px; background-color:#B5CBD6; border-left: solid 1px gray;border-right: solid 1px gray ” colspan=”7″> </td>
</tr>
<tr>
<td style=”height:1px; width:6px; “><img src=leftbottomouter1.GIF style=”vertical-align:bottom;”/></td>
<td style=”vertical-align:bottom; background-color:#B5CBD6;” colspan=”5″><img src=box-border.gif style=”vertical-align:bottom; height:1px; width:218px”/> </td>
<td style=”vertical-align:bottom; background-color:#B5CBD6; height: 1px; width:6px”><img src=rightbottomouter1.GIF style=”vertical-align:bottom;width:100%” /> </td>
</tr>
</table>
</body>
</html>
Please answer my queries.