Hi,
All the images are now showing on mozilla, while the text that I want to display over an image doesn't appear properly in chrome. But everything works fine with IE6.
I had validated the css using the jigsaw,
Kindly help me to over come the problem.
<?xml version="1.0" encoding="utf-8"?> <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <head> <meta name="robots" content="index, follow" /> <style media="screen" type="text/css"> html, body { margin:0; padding:0; height:100%; } #Logo { padding:10px; padding-bottom:60px; } #SarangiLogo { position:absolute; left:72px; top:20px; width:394px; height:75px; } #Rightnav { padding:10px; padding-bottom:60px; font-family: Arial, Helevetica, Sans-Serif; font-size:0.9em; color:#000; text-decoration:none; text-transform:capitalize; } #Rightnav1 { position:absolute; left:1002px; top:53px; width:93px; height:19px; } #Rightnav2 { position:absolute; left:898px; top:53px; width:85px; height:18px; } #Rightnav3 { position:absolute; left:1103px; top:53px; width:83px; height:19px; } #Rightnav4 { position:absolute; left:1180px; top:53px; width:12px; height:19px; } #Rightnav5 { position:absolute; left:1265px; top:53px; width:59px; height:18px; } #Rightnav6 { position:absolute; left:985px; top:54px; width:93px; height:19px; } #Rightnav7 { position:absolute; left:1090px; top:54px; width:93px; height:19px; } #Rightnav8 { position:absolute; left:1165px; top:54px; width:93px; height:19px; } #Rightnav9 { position:absolute; left:1250px; top:54px; width:93px; height:19px; } #hornav{ padding:10px; padding-bottom:60px; font-family: Arial, Helevetica, Sans-Serif; font-size:0.9em; color:#000; text-decoration:none; text-transform:uppercase; } #SarangiNav { position:absolute; left:72px; top:100px; width:1232px; height:65px; } #SarangiNav1 { position:absolute; left:100px; top:135px; width:25px; height:20px; } #SarangiNav2 { position:absolute; left:155px; top:135px; width:25px; height:20px; } #SarangiNav3 { position:absolute; left:195px; top:135px; width:25px; height:20px; } #SarangiNav4 { position:absolute; left:1005px; top:135px; width:25px; height:20px; } #SarangiNav5 { position:absolute; left:1065px; top:132px; width:180px; height:20px; } #SarangiNav6 { position:absolute; left:1245px; top:133px; width:30px; height:20px; } #body{ padding:10px; padding-bottom:60px; } #MainImage { position:absolute; left:72px; top:170px; width:1232px; height:442px; } #footer { position:absolute; bottom:0; width:100%; height:160px; background:#ffffff; font-family: Arial, Helevetica, Serif; font-size: 0.9em; font-weight:bold; } #SarangiWeb-58 { position:absolute; left:90px; top:645px; width:100px; height:20px; } #SarangiWeb-100 { position:absolute; left:85px; top:645px; width:100px; height:20px; } #SarangiWeb-50 { position:absolute; left:350px; top:645px; width:139px; height:20px; } #SarangiWeb-52 { position:absolute; left:580px; top:645px; width:134px; height:20px; } #SarangiWeb-54 { position:absolute; left:790px; top:645px; width:107px; height:20px; } #SarangiWeb-73 { position:absolute; left:90px; top:670px; width:100px; height:20px; } #SarangiWeb-68 { position:absolute; left:350px; top:670px; width:139px; height:20px; } #SarangiWeb-71 { position:absolute; left:580px; top:670px; width:134px; height:20px; } #SarangiWeb-66 { position:absolute; left:790px; top:670px; width:107px; height:20px; } #SarangiWeb-81 { position:absolute; left:90px; top:695px; width:156px; height:20px; } #SarangiWeb-83 { position:absolute; left:350px; top:695px; width:169px; height:20px; } #SarangiWeb-78 { position:absolute; left:580px; top:695px; width:134px; height:20px; } #SarangiWeb-77 { position:absolute; left:790px; top:695px; width:107px; height:20px; } #SarangiWeb-96 { position:absolute; left:535px; top:737px; width:345px; height:31px; font-family: Arial, Helevetica, Sans-serif; font-size: 0.7em; font-weight:bold; color:#999999; } #SarangiWeb-44 { position:absolute; left:1188px; top:613px; width:30px; height:28px; } #SarangiWeb-45 { position:absolute; left:1218px; top:615px; width:27px; height:28px; } #SarangiWeb-46 { position:absolute; left:1245px; top:615px; width:29px; height:29px; } #SarangiWeb-47 { position:absolute; left:1274px; top:615px; width:2px; height:96px; } #SarangiWeb-48 { position:absolute; left:1276px; top:615px; width:28px; height:28px; } #SarangiWeb-62 { position:absolute; left:1030px; top:647px; width:167px; height:18px; } #SarangiWeb-74 { position:absolute; left:1021px; top:669px; width:218px; height:41px; } #SarangiWeb-94 { position:absolute; left:1034px; top:719px; width:87px; height:26px; } </style> <title>Sarangithestore</title> </head> <body> <div id="Logo"> <div id="SarangiLogo"><img src="C:\Documents and Settings\admin\Desktop\Footerimages\Sarangilogo.Gif" alt="Sarangi"/> </div> <div id="hornav"> <div id="SarangiNav"><img src="C:\Documents and Settings\admin\Desktop\Footerimages\Saranginav.jpg" alt="Sarangi"/> </div> <div id="Saranginav1"><a href="http://sarangithestore.com"/>Home </div> <div id="Saranginav2"><a href="http://sarangithestore.com"/>Silk </div> <div id="Saranginav3"><a href="http://sarangithestore.com"/>Silk "&" Cotton </div> <div id="Saranginav4">Search </div> <div id="SarangiNav5"><img src="C:\Documents and Settings\admin\Desktop\Footerimages\Search.gif" alt="Sarangi"/> </div> <div id="SarangiNav6"><img src="C:\Documents and Settings\admin\Desktop\Footerimages\Go.gif" alt="Sarangi"/> </div></div> <div id="Rightnav"> <div id="Rightnav1"><a href="http://sarangithestore.com">My Wishlist</a> </div> <div id="Rightnav2"><a href="http://sarangithestore.com">My Account</a> </div> <div id="Rightnav3"><a href="http://sarangithestore.com">My Cart</a> </div> <div id="Rightnav4"><a href="http://sarangithestore.com">Checkout</a> </div> <div id="Rightnav5"><a href="http://sarangithestore.com">Login</a> </div> <div id="Rightnav6"><img src="C:\Documents and Settings\admin\Desktop\Footerimages\Separator.jpg" alt="Sarangi"/> </div> <div id="Rightnav7"><img src="C:\Documents and Settings\admin\Desktop\Footerimages\Separator.jpg" alt="Sarangi"/> </div> <div id="Rightnav8"><img src="C:\Documents and Settings\admin\Desktop\Footerimages\Separator.jpg" alt="Sarangi"/> </div> <div id="Rightnav9"><img src="C:\Documents and Settings\admin\Desktop\Footerimages\Separator.jpg" alt="Sarangi"/> </div> <div id="body"> <div id="MainImage"><img src="C:\Documents and Settings\admin\Desktop\Footerimages\Sarangi300710.jpg" alt="Sarangi"/> </div> <div id="footer"> <div id="Sarangiweb"> <div id="SarangiWeb-58"><a href="http://sarangithestore.com">About Us</a> </div> <div id="SarangiWeb-73"><a href="http://sarangithestore.com">Contact Us</a> </div> <div id="SarangiWeb-81"><a href="http://sarangithestore.com">Returns "&" Exchanges</a> </div> <div id="SarangiWeb-50"><a href="http://sarangithestore.com">Shipping Options</a> </div> <div id="SarangiWeb-68"><a href="http://sarangithestore.com">Payment Options</a> </div> <div id="SarangiWeb-83"><a href="http://sarangithestore.com">Terms "&" Conditions</a> </div> <div id="SarangiWeb-52"><a href="http://sarangithestore.com">Advance Search</a> </div> <div id="SarangiWeb-71"><a href="http://sarangithestore.com">Facts about silk</a> </div> <div id="SarangiWeb-78"><a href="http://sarangithestore.com">Privacy policy</a> </div> <div id="SarangiWeb-54"><a href="http://sarangithestore.com">Testimonial</a> </div> <div id="SarangiWeb-66"><a href="http://sarangithestore.com">Copyright</a> </div> <div id="SarangiWeb-77"><a href="http://sarangithestore.com">Sitemap</a> </div> <div id="SarangiWeb-44"> <a href="http://sarangithestore.com"></a><img src="C:\Documents and Settings\admin\Desktop\Footerimages\Facebook.gif" alt="Sarangi"/> </div> <div id="SarangiWeb-45"> <a href="http://sarangithestore.com"></a><img src="C:\Documents and Settings\admin\Desktop\Footerimages\Delicious.gif" alt="Sarangi"/> </div> <div id="SarangiWeb-46"> <a href="http://sarangithestore.com"></a><img src="C:\Documents and Settings\admin\Desktop\Footerimages\Twitter.gif" alt="Sarangi"/> </div> <div id="SarangiWeb-48"> <a href="http://sarangithestore.com"></a><img src="C:\Documents and Settings\admin\Desktop\Footerimages\Rss.gif" alt="Sarangi"/> </div> <div id="SarangiWeb-62">Newsletter Signup </div> <div id="SarangiWeb-74"> <a href="http://sarangithestore.com"></a><img src="C:\Documents and Settings\admin\Desktop\Footerimages\newsletterbox.gif" alt="Sarangi"/> </div> <div id="SarangiWeb-94"><img src="C:\Documents and Settings\admin\Desktop\Footerimages\Subscribe.gif"alt="Sarangi"/> </div> <div id="SarangiWeb-96">Copyrights 2010 Sarangi - All Rights Reserved </div> </div> </div> </div> </div> </body> </html>
Well. Since we aren't on your
Well. Since we aren't on your computer, not a lot we can do to help you if we can't see your images either.
Hi
Hi,
There is one corrections regarding my problem, Actually the images are appearing only in IE6, no images are shown in Mozilla, while in Chrome the images are showing, but I had placed some texts over images, it doesn't appear properly.
While in IE everything looks fine. One more question, I want to remove the underline effect of the links, even if I give the text-decoration:none it doesn't work, what could be the problem.
For your perusal, herewith I had attached some of the image files, I hope this could help you better.
Sugumar
| Attachment | Size |
|---|---|
| Sarangi300710.jpg | 397.06 KB |
| SarangiNav.jpg | 13.85 KB |
| Newsletterbox.gif | 244 bytes |
| Subscribe.gif | 368 bytes |
really guy. Can you plz just
really guy. Can you plz just post a link so we dont have to work so hard to help you.
Problems with the images
Hi there,
Thanks for the response, I am developing it under IIS, kindly let me know any method - host to upload the code for free.
Sugumar
Get rid of the XML prolog
Get rid of the XML prolog (the first line) and see if it still works in IE 
Hi
Hi there,
I had removed the xml prolog, checked it using IE, as far as images they are ok, but the texts that I had placed over my horizontal navigation bar doesn't appear on the proper place, it appears on the top left.
If you give me the solution for this problem, then it will be a great help for me.
Thanks in anticipation
Sugumar
Hi
Hi there,
I had removed the xml prolog, checked it using IE, as far as images they are ok, but the texts that I had placed over my horizontal navigation bar doesn't appear on the proper place, it appears on the top left.
If you give me the solution for this problem, then it will be a great help for me.
Thanks in anticipation
Sugumar
Hi
Hi there,
I had removed the xml prolog, checked it using IE, as far as images they are ok, but the texts that I had placed over my horizontal navigation bar doesn't appear on the proper place, it appears on the top left.
If you give me the solution for this problem, then it will be a great help for me.
Thanks in anticipation
Sugumar
Can you post your latest,
Can you post your latest, validated code please?
Hi
Hi there,
Sorry, I just placed the code that you had given, Now the things are ok with IE6 and Google chrome, but with Mozilla 3.5 the images are not displaying, only the texts are appearing at the appropriate places.
Thanks
Sugumar
hi
Hi there,
when I try to validate the css, I just got the message that the main.css is not found, obviously it's not there.
Moreover the problem seems to never end, now both in IE and chrome, the content image appear broken, only the part of the image is appearing.
<script type="text/javascript" src="CSS/drop_down.js"></script> <link href="main.css" type="text/css" rel="stylesheet"> <!DOCTYPE HTML PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "#"> <html> <head> <meta name="robots" content="index, follow" /> <style media="screen" type="text/css"> html, body { margin:0; padding:0; height:100%; } #Logo { padding:10px; padding-bottom:60px; } #SarangiLogo { position:absolute; left:72px; top:20px; width:394px; height:75px; } #Rightnav { padding:10px; padding-bottom:60px; font-size:0.9em; font-family:Arial, Helevetica, Sans-serif; text-decoration:none; color:#000; } #Rightnav1 { position:absolute; left:1002px; top:53px; width:93px; height:19px; } #Rightnav2 { position:absolute; left:898px; top:53px; width:85px; height:18px; } #Rightnav3 { position:absolute; left:1103px; top:53px; width:83px; height:19px; } #Rightnav4 { position:absolute; left:1180px; top:53px; width:12px; height:19px; } #Rightnav5 { position:absolute; left:1265px; top:53px; width:59px; height:18px; } #Rightnav6 { position:absolute; left:985px; top:54px; width:93px; height:19px; } #Rightnav7 { position:absolute; left:1090px; top:54px; width:93px; height:19px; } #Rightnav8 { position:absolute; left:1165px; top:54px; width:93px; height:19px; } #Rightnav9 { position:absolute; left:1250px; top:54px; width:93px; height:19px; } #hornav{ padding:10px; padding-bottom:60px; font-size:0.9em; font-family:Arial, Helevetica; font-weight:bold; } #SarangiNav { position:absolute; left:72px; top:100px; width:1232px; height:65px; } #SarangiNav1 { position:absolute; left:100px; top:135px; width:25px; height:20px; } #SarangiNav2 { position:absolute; left:155px; top:135px; width:25px; height:20px; } #SarangiNav3 { position:absolute; left:195px; top:135px; width:25px; height:20px; } #SarangiNav4 { position:absolute; left:1015px; top:135px; width:25px; height:20px; } #SarangiNav5 { position:absolute; left:1065px; top:132px; width:180px; height:20px; } #SarangiNav6 { position:absolute; left:1245px; top:133px; width:30px; height:20px; } #body{ padding:10px; padding-bottom:60px; } #MainImage { position:absolute; left:72px; top:170px; width:1232px; height:442px; } #footer { position:absolute; bottom:0; width:100%; height:160px; background:#ffffff; font-family: Arial, Helevetica, Sans-Serif; font-size: 0.9em; font-weight:bold; color:#000; text-decoration:none; } #SarangiWeb-58 { position:absolute; left:90px; top:645px; width:100px; height:20px; } #SarangiWeb-50 { position:absolute; left:350px; top:645px; width:139px; height:20px; } #SarangiWeb-52 { position:absolute; left:580px; top:645px; width:134px; height:20px; } #SarangiWeb-54 { position:absolute; left:790px; top:645px; width:107px; height:20px; } #SarangiWeb-73 { position:absolute; left:90px; top:670px; width:100px; height:20px; } #SarangiWeb-68 { position:absolute; left:350px; top:670px; width:139px; height:20px; } #SarangiWeb-71 { position:absolute; left:580px; top:670px; width:134px; height:20px; } #SarangiWeb-66 { position:absolute; left:790px; top:670px; width:107px; height:20px; } #SarangiWeb-81 { position:absolute; left:90px; top:695px; width:156px; height:20px; } #SarangiWeb-83 { position:absolute; left:350px; top:695px; width:169px; height:20px; } #SarangiWeb-78 { position:absolute; left:580px; top:695px; width:134px; height:20px; } #SarangiWeb-77 { position:absolute; left:790px; top:695px; width:107px; height:20px; } #SarangiWeb-96 { position:absolute; left:535px; top:737px; width:345px; height:31px; font-family: Arial, Helevetica, Sans-serif; font-size: 0.7em; font-weight:bold; color:#999999; } #SarangiWeb-44 { position:absolute; left:1188px; top:613px; width:30px; height:28px; } #SarangiWeb-45 { position:absolute; left:1218px; top:615px; width:27px; height:28px; } #SarangiWeb-46 { position:absolute; left:1245px; top:615px; width:29px; height:29px; } #SarangiWeb-47 { position:absolute; left:1274px; top:615px; width:2px; height:96px; } #SarangiWeb-48 { position:absolute; left:1276px; top:615px; width:28px; height:28px; } #SarangiWeb-62 { position:absolute; left:1030px; top:647px; width:167px; height:18px; } #SarangiWeb-74 { position:absolute; left:1021px; top:669px; width:218px; height:41px; } #SarangiWeb-94 { position:absolute; left:1034px; top:719px; width:87px; height:26px; } </style> <title>Sarangi the Kanjivaram sari store - Silk sarees, Silk & Cotton, Designer inspired collections</title> </head> <body> <div id="Logo"> <div id="SarangiLogo"><img src="C:\Documents and Settings\admin\Desktop\Footerimages\Sarangilogo.Gif" alt=""/></a> </div> <div id="hornav"> <div id="SarangiNav"><img src="C:\Documents and Settings\admin\Desktop\Footerimages\Saranginav.jpg" alt=""/></a> </div> <div id="Saranginav1"><a href="http://sarangithestore.com"/>Home</a> </div> <div id="Saranginav2"><a href="http://sarangithestore.com"/>Silk</a> </div> <div id="Saranginav3"><a href="http://sarangithestore.com">Silk&Cotton</a> </div> <div id="Saranginav4">Search </div> <div id="SarangiNav5"><img src="C:\Documents and Settings\admin\Desktop\Footerimages\Search.gif" alt=""/></a> </div> <div id="SarangiNav6"><img src="C:\Documents and Settings\admin\Desktop\Footerimages\Go.gif" alt=""/></a> </div></div> <div id="Rightnav"> <div id="Rightnav1"><a href="www.yahoo.com">My Wishlist</a> </div> <div id="Rightnav2"><a href="www.yahoo.com">My Account</a> </div> <div id="Rightnav3"><a href="www.yahoo.com">My Cart</a> </div> <div id="Rightnav4"><a href="www.yahoo.com">Checkout</a> </div> <div id="Rightnav5"><a href="www.yahoo.com">Login</a> </div> <div id="Rightnav6"><img src="C:\Documents and Settings\admin\Desktop\Footerimages\Separator.jpg" alt="Sarangi"/> </div> <div id="Rightnav7"><img src="C:\Documents and Settings\admin\Desktop\Footerimages\Separator.jpg" alt="Sarangi"/> </div> <div id="Rightnav8"><img src="C:\Documents and Settings\admin\Desktop\Footerimages\Separator.jpg" alt="Sarangi"/> </div> <div id="Rightnav9"><img src="C:\Documents and Settings\admin\Desktop\Footerimages\Separator.jpg" alt="Sarangi"/> </div> <div id="body"> <div id="MainImage"><img src="C:\Documents and Settings\admin\Desktop\Footerimages\Sarangi300710.jpg" alt=""/></a> </div> <div id="footer"> <div id="Sarangiweb"> <div id="SarangiWeb-58"><a href="www.yahoo.com">About Us</a> </div> <div id="SarangiWeb-73"><a href="www.yahoo.com">Contact Us</a> </div> <div id="SarangiWeb-81"><a href="www.yahoo.com">Returns & Exchanges</a> </div> <div id="SarangiWeb-50"><a href="www.yahoo.com">Shipping Options</a> </div> <div id="SarangiWeb-68"><a href="www.yahoo.com">Payment Options</a> </div> <div id="SarangiWeb-83"><a href="www.yahoo.com">Terms & Conditions</a> </div> <div id="SarangiWeb-52"><a href="www.yahoo.com">Advance Search</a> </div> <div id="SarangiWeb-71"><a href="www.yahoo.com">Facts about silk</a> </div> <div id="SarangiWeb-78"><a href="www.yahoo.com">Privacy policy</a> </div> <div id="SarangiWeb-54"><a href="www.yahoo.com">Testimonial</a> </div> <div id="SarangiWeb-66"><a href="www.yahoo.com">Copyright</a> </div> <div id="SarangiWeb-77"><a href="www.yahoo.com">Sitemap</a> </div> <div id="SarangiWeb-44"> <a href="www.yahoo.com"></a><img src="C:\Documents and Settings\admin\Desktop\Footerimages\Facebook.gif" alt=""/> </div> <div id="SarangiWeb-45"> <a href="www.yahoo.com"></a><img src="C:\Documents and Settings\admin\Desktop\Footerimages\Delicious.gif" alt=""/> </div> <div id="SarangiWeb-46"> <a href="www.yahoo.com"></a><img src="C:\Documents and Settings\admin\Desktop\Footerimages\Twitter.gif" alt=""/> </div> <div id="SarangiWeb-48"> <a href="www.yahoo.com"></a><img src="C:\Documents and Settings\admin\Desktop\Footerimages\Rss.gif" alt=""/> </div> <div id="SarangiWeb-62">Newsletter Signup </div> <div id="SarangiWeb-74"> <a href="www.yahoo.com"></a><img src="C:\Documents and Settings\admin\Desktop\Footerimages\newsletterbox.gif" alt=""/> </div> <div id="SarangiWeb-94"> </a><img src="C:\Documents and Settings\admin\Desktop\Footerimages\Subscribe.gif" alt=""/> </div> <div id="SarangiWeb-96">Copyrights 2010 Sarangi - All Rights Reserved </div> </div> </div> </div> </div> </body> </html>
Sorry, the code on my post
Sorry, the code on my post was my signature, it's not code for you to use ... maybe I should get rid of it 
Start your code with this:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en" dir="ltr"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
and see if you get any better results 
the problem persists
Still the problem continues. No images are displaying in Mozilla 3.5, with regards to google chrome, internet explorer, the line is needed, If i remove the line then some texts are not appearing according to my design.
I need lot of support from the members.
post a link to the page, and
post a link to the page, and we'll solve the problem fast
Space for hosting the files
Hi,
Kindly let me know where I can post it, Since I am developing on my system and I didn't have any hosting account for posting the files, Is there any way to post the files,
Thanks in anticipation
Sugumar
Codes Pasted
Hi,
I had pasted the Codes
For Css : http://pastebin.com/r2wdwB96
For html : http://pastebin.com/yjQf1Qy7
Hope this helps you,
Thanks
Sugumar
Sorry
hi,
I am sorry that doesn't working, Please let me know how to post the codes somewhere else, as I am in the need of urgent solution to this problem.
Thanks
Sugumar
Corrected Links
Now the links are working
I hope that this will help you
Sugumar
I had posted the code
Hi,
I had posted the codes, here is the link
http://thiravidamani.cartmonkey.com/newsarangithestore.htm
Now the images are working in Mozilla too, However In IE6 and Mozilla 3.5 the Social media icons are surrounded by a blue border, When I remove the Link they gone, In google chrome there is no problem,
Kindly advise me in this regard.
Sugumar
You need to
Placed Validated code
Hi,
I had placed validated code and here is the link
http://thiravidamani.cartmonkey.com/sarangi200810.htm
you can see difference, I want the texts Home, Silk and Silk & cotton over the Horizontal Menu bar but it appears in the top left.
Also the social marketing sites are having blue border both in IE and Mozilla, While google chrome doesn't show that kind of borders.
Kindly help me immediately.
Sugumar
Sugumar wrote: Kindly help me
Kindly help me immediately.
Eh, when I get around to it.
this code is a complete mess.
this code is a complete mess. plz research the term divitis. for your social networking icons. This should really be structured as a list, not a bunch of useless divs. But, to get rid of the blue borders, do this for each
SarangiWeb-44 a img {border: none;}
as for your menu, plz redo it as a list, not a bunch of divs. This link will help you.


