takwah99
08-20-2006, 10:50 PM
Hello all,
This is my first time here, hope i will be able to get a solution to my strange site problem here.
I attached 4 images...showing 2 different scenario, each with the correct and the incorrect output. I'm using XHTML 1.0 and CSS. Once in a while some browser will get the incorrent output as shown in the bad.gif and bad1.gif. But after pressing REFRESH, then it's ok back.
The coding for first scenario on the particular part
for HTML :
<li class="contact1">E-mails</li>
<li class="contact2">
<p class="contact3">Sales</p><p class="contact4"><a href="mailto:sales@rcg.tv">sales@rcg.tv</a></p><br />
<p class="contact3">Technical Support</p><p class="contact4"><a href="mailto:techsupport@rcg.tv">techsupport@rcg.tv</a></p><br />
<p class="contact3">Products</p><p class="contact4"><a href="mailto:product@rcg.tv">product@rcg.tv</a></p><br />
<p class="contact3">Marketing</p><p class="contact4"><a href="mailto:marketing@rcg.tv">marketing@rcg.tv</a></p><br />
<p class="contact3">Career</p><p class="contact4"><a href="mailto:hr@rcg.tv">hr@rcg.tv</a></p><br />
<p class="contact3">Investor Relations</p><p class="contact4"><a href="mailto:inquiry@rcg.tv">inquiry@rcg.tv</a></p>
</li>
<li class="contact5">Locations</li>
<li class="contact6">
<p class="contact7"><font class="contact8">Hong Kong (Headquarters)</font><br /><font class="contact9">Level 9, Core C, Cyberport 3,<br />100 Cyberport Road,<br />Hong Kong<br />Tel: (+852) 3669 6999<br />Fax: (+852) 3669 6888</font><br /><font class="contact10"><a href="mailto:inquiry@rcg.tv">inquiry@rcg.tv</a></font></p><br />
<p class="contact7"><font class="contact8">London (Regional Office)</font><br /><font class="contact9">288 Bishopsgate<br />London EC2M 4QP<br />Tel: (+44) 20 7959 3002<br />Fax: (+44) 20 7959 3329</font><br /><font class="contact10"><a href="mailto:inquiry@rcg.tv">inquiry@rcg.tv</a></font></p><br />
<p class="contact7"><font class="contact8">Macau Office (Regional Office)</font><br /><font class="contact9">Alm.Dr.Carlos D'assumpcao, No 181-187,<br />Edif. Jardim Brilhantismo Com. Centre,<br />12 Andar E, Macau<br />Tel: (+853) 755394<br />Fax: (+853) 755437</font><br /><font class="contact10"><a href="mailto:inquiry@rcg.tv">inquiry@rcg.tv</a></font></p><br />
<p class="contact7"><font class="contact8">Shenzhen (Regional Office)</font><br /><font class="contact9">Rm 1702 , Tower A , Tian'an Cyber Times<br />Building , Futian District , Shenzhen , P.R.C.<br />Tel: (+86 755) 8343 4607<br />Fax: (+86 755) 8349 3222</font><br /><font class="contact10"><a href="mailto:inquiry@rcg.tv">inquiry@rcg.tv</a></font></p><br />
<p class="contact7"><font class="contact8">Beijing (Regional Office)</font><br /><font class="contact9">B707 Beijing, Kelun Building <br />12A GuangHua Lu, Chao Yang District<br />Beijing, P. R. C. 100020<br />Tel: (+86 10) 6581 8451<br />Fax: (+86 10) 6581 8496</font><br /><font class="contact10"><a href="mailto:inquiry@rcg.tv">inquiry@rcg.tv</a></font></p><br />
<p class="contact7"><font class="contact8">Malaysia (Regional Office)</font><br /><font class="contact9">UCH Technology Sdn Bhd <br />24, Jalan Anggerik Mokara 31/47,<br />Seksyen 31, Kota Kemuning,<br />40460 Shah Alam, Selangor,<br />Malaysia<br />Tel: (603) 5124 8888<br />Fax: (603) 5124 0888</font><br /><font class="contact10"><a href="mailto:inquiry@rcg.tv">inquiry@rcg.tv</a></font></p><br />
</li>
for CSS:
.contact1 { position:absolute; top:22px; left:14px; font-family:arial; font-size:20px; color:#333333; font-weight:bold; }
.contact2 { position:absolute; top:50px; left:15px; font-family:arial; font-size:12px; color:#444444; font-weight:normal; line-height:17px;}
.contact2 p { margin:0px; }
.contact2 br { line-height:11px; }
.contact3 { color:#3b73b9; font-weight:bold; font-size:11px; font-family:arial; text-decoration:none; line height:5px; }
.contact4 { line-height:12px; }
.contact4 a { font-family:arial; font-size:11px; color:#646464; font-weight:normal; text-decoration:none; }
.contact4 a:visited { font-family:arial; font-size:11px; color:#646464; font-weight:normal; text-decoration:none; }
.contact4 a:hover { font-family:arial; font-size:11px; color:#862074; font-weight:normal; text-decoration:none; }
.contact5 { position:absolute; top:22px; left:250px; font-family:arial; font-size:20px; color:#333333; font-weight:bold; }
.contact6 { position:absolute; top:50px; left:251px; font-family:arial; font-size:12px; color:#444444; font-weight:normal; line-height:17px;}
.contact6 p { margin:0px; }
.contact6 br { line-height:11px; }
.contact7 { line height:5px; }
.contact8 { color:#3b73b9; font-weight:bold; font-size:11px; font-family:arial; text-decoration:none; }
.contact9 { color:#333333; font-weight:normal; font-size:11px; font-family:arial; text-decoration:none; }
.contact10 { line-height:17px; }
.contact10 a { font-family:arial; font-size:11px; color:#646464; font-weight:normal; text-decoration:none; }
.contact10 a:visited { font-family:arial; font-size:11px; color:#646464; font-weight:normal; text-decoration:none; }
.contact10 a:hover { font-family:arial; font-size:11px; color:#862074; font-weight:normal; text-decoration:none; }
.contact11 { line-height:12px; }
.contact11 a { font-family:arial; font-size:11px; color:#3b73b9; font-weight:bold; text-decoration:none; }
.contact11 a:visited { font-family:arial; font-size:11px; color:#3b73b9; font-weight:bold; text-decoration:none; }
.contact11 a:hover { font-family:arial; font-size:11px; color:#862074; font-weight:bold; text-decoration:none; }
.contact12 { font-family:arial; font-size:20px; color:#333333; font-weight:bold; }
The coding for second scenario on the particular part
for html:
<li class="index0">i-Series</li>
<li class="index1"><a href="i4.html"><img src="../../Images/s_i4.jpg" /></a></li>
<li class="index11"><a href="i4.html">i4<br />Biometric Time and Attendance System</a></li>
<li class="index2"><a href="i4700.html"><img src="../../Images/s_i4700.jpg" /></a></li>
<li class="index22"><a href="i4700.html">i4700<br />The unparalleled Access Control System that fits any size facility</a></li>
<li class="index3"><a href="i4plus.html"><img src="../../Images/s_i4+.jpg" /></a></li>
<li class="index33"><a href="i4plus.html">i4 +<br />Time and Attendance System with Biometric Access Control</a></li>
for css:
.index0 { position:absolute; top:22px; left:14px; font-family:arial; font-size:20px; color:#0066CC; font-weight:bold; }
.index1 { position:absolute; top:60px; left:14px; }
.index11 { position:absolute; top:60px; left:92px; padding-top:10px; }
.index2 { position:absolute; top:140px; left:14px; }
.index22 { position:absolute; top:140px; left:92px; padding-top:10px; }
.index3 { position:absolute; top:220px; left:14px; }
.index33 { position:absolute; top:220px; left:92px; padding-top:10px; }
.index4 { position:absolute; top:300px; left:14px; }
.index44 { position:absolute; top:300px; left:92px; padding-top:10px; }
.index img { border:0px; }
.index a { font-family:arial; font-size:12px; color:#646464; font-weight:bold; text-decoration:none; }
.index a:visited { font-family:arial; font-size:12px; color:#646464; font-weight:bold; text-decoration:none; }
.index a:hover { font-family:arial; font-size:12px; color:#862074; font-weight:bold; text-decoration:none; }
Hope someone can help me solve this mystery....arrggghhh!
Thanks a lot in advance.
This is my first time here, hope i will be able to get a solution to my strange site problem here.
I attached 4 images...showing 2 different scenario, each with the correct and the incorrect output. I'm using XHTML 1.0 and CSS. Once in a while some browser will get the incorrent output as shown in the bad.gif and bad1.gif. But after pressing REFRESH, then it's ok back.
The coding for first scenario on the particular part
for HTML :
<li class="contact1">E-mails</li>
<li class="contact2">
<p class="contact3">Sales</p><p class="contact4"><a href="mailto:sales@rcg.tv">sales@rcg.tv</a></p><br />
<p class="contact3">Technical Support</p><p class="contact4"><a href="mailto:techsupport@rcg.tv">techsupport@rcg.tv</a></p><br />
<p class="contact3">Products</p><p class="contact4"><a href="mailto:product@rcg.tv">product@rcg.tv</a></p><br />
<p class="contact3">Marketing</p><p class="contact4"><a href="mailto:marketing@rcg.tv">marketing@rcg.tv</a></p><br />
<p class="contact3">Career</p><p class="contact4"><a href="mailto:hr@rcg.tv">hr@rcg.tv</a></p><br />
<p class="contact3">Investor Relations</p><p class="contact4"><a href="mailto:inquiry@rcg.tv">inquiry@rcg.tv</a></p>
</li>
<li class="contact5">Locations</li>
<li class="contact6">
<p class="contact7"><font class="contact8">Hong Kong (Headquarters)</font><br /><font class="contact9">Level 9, Core C, Cyberport 3,<br />100 Cyberport Road,<br />Hong Kong<br />Tel: (+852) 3669 6999<br />Fax: (+852) 3669 6888</font><br /><font class="contact10"><a href="mailto:inquiry@rcg.tv">inquiry@rcg.tv</a></font></p><br />
<p class="contact7"><font class="contact8">London (Regional Office)</font><br /><font class="contact9">288 Bishopsgate<br />London EC2M 4QP<br />Tel: (+44) 20 7959 3002<br />Fax: (+44) 20 7959 3329</font><br /><font class="contact10"><a href="mailto:inquiry@rcg.tv">inquiry@rcg.tv</a></font></p><br />
<p class="contact7"><font class="contact8">Macau Office (Regional Office)</font><br /><font class="contact9">Alm.Dr.Carlos D'assumpcao, No 181-187,<br />Edif. Jardim Brilhantismo Com. Centre,<br />12 Andar E, Macau<br />Tel: (+853) 755394<br />Fax: (+853) 755437</font><br /><font class="contact10"><a href="mailto:inquiry@rcg.tv">inquiry@rcg.tv</a></font></p><br />
<p class="contact7"><font class="contact8">Shenzhen (Regional Office)</font><br /><font class="contact9">Rm 1702 , Tower A , Tian'an Cyber Times<br />Building , Futian District , Shenzhen , P.R.C.<br />Tel: (+86 755) 8343 4607<br />Fax: (+86 755) 8349 3222</font><br /><font class="contact10"><a href="mailto:inquiry@rcg.tv">inquiry@rcg.tv</a></font></p><br />
<p class="contact7"><font class="contact8">Beijing (Regional Office)</font><br /><font class="contact9">B707 Beijing, Kelun Building <br />12A GuangHua Lu, Chao Yang District<br />Beijing, P. R. C. 100020<br />Tel: (+86 10) 6581 8451<br />Fax: (+86 10) 6581 8496</font><br /><font class="contact10"><a href="mailto:inquiry@rcg.tv">inquiry@rcg.tv</a></font></p><br />
<p class="contact7"><font class="contact8">Malaysia (Regional Office)</font><br /><font class="contact9">UCH Technology Sdn Bhd <br />24, Jalan Anggerik Mokara 31/47,<br />Seksyen 31, Kota Kemuning,<br />40460 Shah Alam, Selangor,<br />Malaysia<br />Tel: (603) 5124 8888<br />Fax: (603) 5124 0888</font><br /><font class="contact10"><a href="mailto:inquiry@rcg.tv">inquiry@rcg.tv</a></font></p><br />
</li>
for CSS:
.contact1 { position:absolute; top:22px; left:14px; font-family:arial; font-size:20px; color:#333333; font-weight:bold; }
.contact2 { position:absolute; top:50px; left:15px; font-family:arial; font-size:12px; color:#444444; font-weight:normal; line-height:17px;}
.contact2 p { margin:0px; }
.contact2 br { line-height:11px; }
.contact3 { color:#3b73b9; font-weight:bold; font-size:11px; font-family:arial; text-decoration:none; line height:5px; }
.contact4 { line-height:12px; }
.contact4 a { font-family:arial; font-size:11px; color:#646464; font-weight:normal; text-decoration:none; }
.contact4 a:visited { font-family:arial; font-size:11px; color:#646464; font-weight:normal; text-decoration:none; }
.contact4 a:hover { font-family:arial; font-size:11px; color:#862074; font-weight:normal; text-decoration:none; }
.contact5 { position:absolute; top:22px; left:250px; font-family:arial; font-size:20px; color:#333333; font-weight:bold; }
.contact6 { position:absolute; top:50px; left:251px; font-family:arial; font-size:12px; color:#444444; font-weight:normal; line-height:17px;}
.contact6 p { margin:0px; }
.contact6 br { line-height:11px; }
.contact7 { line height:5px; }
.contact8 { color:#3b73b9; font-weight:bold; font-size:11px; font-family:arial; text-decoration:none; }
.contact9 { color:#333333; font-weight:normal; font-size:11px; font-family:arial; text-decoration:none; }
.contact10 { line-height:17px; }
.contact10 a { font-family:arial; font-size:11px; color:#646464; font-weight:normal; text-decoration:none; }
.contact10 a:visited { font-family:arial; font-size:11px; color:#646464; font-weight:normal; text-decoration:none; }
.contact10 a:hover { font-family:arial; font-size:11px; color:#862074; font-weight:normal; text-decoration:none; }
.contact11 { line-height:12px; }
.contact11 a { font-family:arial; font-size:11px; color:#3b73b9; font-weight:bold; text-decoration:none; }
.contact11 a:visited { font-family:arial; font-size:11px; color:#3b73b9; font-weight:bold; text-decoration:none; }
.contact11 a:hover { font-family:arial; font-size:11px; color:#862074; font-weight:bold; text-decoration:none; }
.contact12 { font-family:arial; font-size:20px; color:#333333; font-weight:bold; }
The coding for second scenario on the particular part
for html:
<li class="index0">i-Series</li>
<li class="index1"><a href="i4.html"><img src="../../Images/s_i4.jpg" /></a></li>
<li class="index11"><a href="i4.html">i4<br />Biometric Time and Attendance System</a></li>
<li class="index2"><a href="i4700.html"><img src="../../Images/s_i4700.jpg" /></a></li>
<li class="index22"><a href="i4700.html">i4700<br />The unparalleled Access Control System that fits any size facility</a></li>
<li class="index3"><a href="i4plus.html"><img src="../../Images/s_i4+.jpg" /></a></li>
<li class="index33"><a href="i4plus.html">i4 +<br />Time and Attendance System with Biometric Access Control</a></li>
for css:
.index0 { position:absolute; top:22px; left:14px; font-family:arial; font-size:20px; color:#0066CC; font-weight:bold; }
.index1 { position:absolute; top:60px; left:14px; }
.index11 { position:absolute; top:60px; left:92px; padding-top:10px; }
.index2 { position:absolute; top:140px; left:14px; }
.index22 { position:absolute; top:140px; left:92px; padding-top:10px; }
.index3 { position:absolute; top:220px; left:14px; }
.index33 { position:absolute; top:220px; left:92px; padding-top:10px; }
.index4 { position:absolute; top:300px; left:14px; }
.index44 { position:absolute; top:300px; left:92px; padding-top:10px; }
.index img { border:0px; }
.index a { font-family:arial; font-size:12px; color:#646464; font-weight:bold; text-decoration:none; }
.index a:visited { font-family:arial; font-size:12px; color:#646464; font-weight:bold; text-decoration:none; }
.index a:hover { font-family:arial; font-size:12px; color:#862074; font-weight:bold; text-decoration:none; }
Hope someone can help me solve this mystery....arrggghhh!
Thanks a lot in advance.