Tek-Tips is the largest IT community on the Internet today!

Members share and learn making Tek-Tips Forums the best source of peer-reviewed technical information on the Internet!

  • Congratulations gkittelson on being selected by the Tek-Tips community for having the most helpful posts in the forums last week. Way to Go!

See website fine internally, but no images or CSS externally

Status
Not open for further replies.

tlbenac

Technical User
Jan 18, 2007
10
US
I am hosting my own website at home on a 2nd pc running Windows 2000 with IIS 5.0, cable modem, Linksys router, and a static ip on my web server pc. I have a registered domain name, my dynamic IP is being updated great by ZoneEdit. I am "port forwarding" http port 80 to the static address I gave my machine. The router assigns the other addresses in the home network.

App pc's in my home network can see my website fine, as developed, but from outside, at work, the library, or a friends house, all I see is a static web page with no images & no CSS applied. I put the images and CSS in the root with the appropreiate changes to my site to pick that up and still no images & no CSS. When I go directly to an image using mydomainname.com/images/dummy.gif it shows an "x" box placeholder. The CSS downloads and empty file.

I am using the access rights as defined by IIS when it was installed. I checked the folder rights and they look fine.

What am I doing wrong? What setting do I need to make?

Thanks a lot for your help in advance!
 
When I get home this evening 6pm CST I will go to directory C:\Inetpub\ and right-click on images | security tab and send a new post.
 
EVERYONE has READ & EXECUTE, LIST FOLDER CONTENTS, & READ
WEBSERVER\IUSR_WEBSERVER has the same
WEBSERVER\IWAM_WEBSERVER has the same

This does not include the permissions shown when I also select ADVANCED...

Do you want those also?
 
Test pages:
-----------
index.html - star.gif image links, within DIV's, no CSS
index2.html - star.gif image links, no DIV's, no CSS
index3.html - displays red_rectangle.jpg only, no CSS
red_rectangle.jpg in root to test directly going to image
index-ORIGINAL.html - fully designed web page using CSS
and images defined within it.

Thanks,
TLBenac
 
Have restaructured the test pages to be less code. You may access the main test (default index) page to test the others. Index.html coe follows. Website is:

<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"<html>
<head>
</head>
<body>
<p>
Star.gif image should be showing here=><img src="images/star.gif" /><==<br /><br />
<a href="index2.html">Link to page that displays Red Triangle JPG image</a><br /><br />
<a href="index-ORIGINAL.html">Link to the fully designed page</a>
</p>
</body>
</html>
 
Here's the source of index2.html:
<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"<html>
<head>
</head>
<body>
<img src="red_rectangle.jpg" />
</body>
</html>

And here's the source of index-ORIGINAL.html:
<?xml version="1.0" encoding="utf-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"<html xmlns=" xml:lang="en" lang="en">

<head>

<meta http-equiv="Content-type" content="text/html; charset=UTF-8" />
<meta http-equiv="Content-Style-Type" content="text/css" />
<meta http-equiv="Content-language" content="en-US">
<title>Web Design, Development, and Consulting</title>
<link rev="made" href="mailto:tlbenac@yahoo.com" />
<meta name="copyright" content="Copyright &copy; 2006. Arkansas Web Design, LLC. All rights reserved."
<meta name="keywords" content="web design, web development, consulting, databases, standards compliant, web site design, web page design" />
<meta name="description" content="Standards compliant web coding and design, site development, consulting on web and computer services." />
<meta name="author" content="Tony Benac" />
<meta name="ROBOTS" content="ALL" />

<link media="screen" rel="stylesheet" type="text/css" href="styles/initial.css" />
<link media="screen" rel="stylesheet" type="text/css" href="styles/layout.css" />
<link media="screen" rel="stylesheet" type="text/css" href="styles/typography.css" />
<link media="screen" rel="stylesheet" type="text/css" href="styles/navigation.css" />

</head>
<body>
<!-- ========================== MAIN CONTAINER ============================ -->
<div id="main_container">
<!-- ------------------------ HEADER CONTAINER -->
<div id="header">
<h1><span>Arkansas-WebDesign.com</span></h1>
<h2><span>Website Design &amp; Consulting Services</span></h2>

</div>
<!-- ------------------------ TOP NAVIGATION CONTAINER -->
<div id="topnavbox">
<img class="divider" src="images/star.gif" alt="You are a Star to us" />
<a class="topnavmenu" href="index.htm" title="Come back home">Home</a>
<a href=" <img class="divider" src="images/star.gif" alt="History of the Arkansas State Flag" /></a>
<a class="topnavmenu" href="portfolio/index.htm" title="View our portfolio">Portfolio</a>
<a href=" <img class="divider" src="images/star.gif" alt="Arkansas on WorldAtlas.com" /></a>
<a class="topnavmenu" href="services/index.htm" title="Checkout our services">Services</a>
<a href=" <img class="divider" src="images/star.gif" alt="Arkansas Travel Guide" /></a>
<a class="topnavmenu" href="Contact/index.htm" title="Send us your request">Contact</a>
<a href=" <img class="divider" src="images/star.gif" alt="Pictures of Arkansas on Webshots" /></a>
<a class="topnavmenu" href="about/index.htm" title="Read about who we are">About</a>
<a href=" <img class="divider" src="images/star.gif" alt="A Quote from Davey Crockett" /><a>
<a class="topnavmenu" href="downloads/index.htm" title="Free Downloads">Downloads</a>
<a href=" <img class="divider" src="images/star.gif" alt="United States Map Jigsaw Puzzle" /></a>
</div>
<!-- ----------------------- LEFT CONTENT CONTAINER -->
<div id="left_container">
<!-- LEFT SIDEBAR CONTENT -->
<div id="sidebar_left">
<p class="justify">Arkansas Web Design produces only web sites and pages
that meet the W3C Standards. The World Wide Web Consortium (W3C)is the
forum by which these standards are developed &amp; communicated. Meeting
these standards is very important, because this means your site is more
capable of reaching all possible markets &amp; customers; including the
visually impaired. The W3C logos you see below is proof of our compliance.
You may click on them to view the validation.</p>
<p align="center"><a href=" src=" alt="Valid XHTML 1.0 Strict" height="31" width="88" /></a>
</p>
<p align="center"><a href=" src=" alt="Valid CSS 1.0" height="31" width="88" /></a>
</p>
</div>
</div>

<div>
</div>

<!-- ----------------------- CENTER CONTENT CONTAINER -->
<div id="center_container">
<!-- MAIN BODY OF CONTENT -->
<div id="content_body">
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Morbi rutrum mi.
Ut eu urna. Donec sollicitudin posuere nunc. Nulla rutrum, sapien id semper gravida,
pede dolor ultricies velit, ut tincidunt elit nunc a pede. Ut fermentum dui eu tellus.
Praesent posuere dapibus eros. Cras cursus sapien ut orci. Vivamus egestas metus nec
augue imperdiet mattis. Phasellus sit amet eros. Vestibulum vitae urna a est facilisis
ullamcorper. Quisque dapibus dolor id dolor. Duis et enim. Etiam leo augue, adipiscing
blandit, pretium id, vestibulum vitae, lacus. Nunc ac velit in turpis semper tincidunt.
Phasellus ultricies vehicula ligula.
</p>
<p>
Integer libero erat, euismod a, tincidunt eget, tincidunt faucibus, nulla. Sed commodo,
urna a mattis auctor, mi nibh suscipit leo, at dignissim risus risus non est. Sed rutrum
eros at mi. Nunc turpis eros, ultricies non, faucibus at, interdum at, est. Nunc enim mi,
adipiscing eget, tincidunt nec, congue eget, nunc. In iaculis dolor sit amet dui. Nullam
ullamcorper nisi eget urna. In rhoncus iaculis nulla. Sed aliquet, diam vel placerat
vehicula, mi odio venenatis nisi, id dapibus nisl dui fermentum mi. Vivamus sem leo,
fringilla porta, commodo id, molestie a, neque. Vestibulum ante ipsum primis in faucibus
orci luctus et ultrices posuere cubilia Curae; Praesent posuere ornare risus. Ut consequat.
</p>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Morbi rutrum mi.
Ut eu urna. Donec sollicitudin posuere nunc. Nulla rutrum, sapien id semper gravida,
pede dolor ultricies velit, ut tincidunt elit nunc a pede. Ut fermentum dui eu tellus.
Praesent posuere dapibus eros. Cras cursus sapien ut orci. Vivamus egestas metus nec
augue imperdiet mattis. Phasellus sit amet eros. Vestibulum vitae urna a est facilisis
ullamcorper. Quisque dapibus dolor id dolor. Duis et enim. Etiam leo augue, adipiscing
blandit, pretium id, vestibulum vitae, lacus. Nunc ac velit in turpis semper tincidunt.
Phasellus ultricies vehicula ligula.
</p>
</div>
</div>

<!-- ----------------------- FORCE FOOTER BELOW SIDEBAR TEXT -->
<div>
<p>&nbsp;</p><p>&nbsp;</p><p>&nbsp;</p><p>&nbsp;</p><p>&nbsp;</p><p>&nbsp;</p>
</div>

<!-- ----------------------- FOOTER CONTAINER -->
<div id="footer">
<div id="footer-nav">
<a href=" |
<a href=" |
<a href=" |
<a href=" |
<a href=" Notice</a> |
<a href=" Policy</a>
</div>
<span>Copyright &copy; 2006. Arkansas Web Design, LLC. All rights reserved.</span>
</div>

</div>
</body>
</html>

It looks fine to me.
 
Thanks Serbtastic!

Being you can see the code I assume it displayed correctly to you the images and colorss formatted by the CSS?

If yes, it is really odd that you are able to see everything and I cannot. Work is the only place I have to check it from using IE6 behind a firewall, but I see all other sites on the web I go to fine.

Any ideas now, on what this all might mean to translate into a setting change at work, on my home pc server?

Thanks,
T
 
Status
Not open for further replies.

Part and Inventory Search

Sponsor

Back
Top