PDA

Click to See Complete Forum and Search --> : Home Page won't load in Safari or Internet Explorer

julmihaly
09-15-2007, 09:33 AM
My index.html page doesn't seem to load in Safari or Internet Explorer. All is fine with Firefox/Mozilla, but all that appears when logging on via the other browsers is a blank white page. All of the other pages for my site will load if cut and pasted into the Safari address bar, but again, the home page ain't workin'. I've tried a number of different codes for the first line of the index.html page, all of which work on Firefox, but still can't figure out how to get the page up on Safari. Suggestions?
WebJoel
09-15-2007, 10:35 AM
.... Suggestions? A URL to a live site, or can we see your code for testing this... :)
julmihaly
09-15-2007, 10:53 AM
My site address is www.juliemihaly.com and I apologize for the fact that I'm a total neophyte at this....Please see my original index.html page below. And I've also tried the following first lines, none of which have worked with Safari:
<!DOCTYPEhtmlPUBLIC"-//W3C//DTDXHTML1.0Transitional//EN>
<http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd>
<htmlxmlns="http://www.w3.org/1999/xhtml">
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">




<html>
<head>
<title> JULIE MIHALY
<link rel="stylesheet" type="text/css" href="home.css" />
</head>
<body>
<div class="main"
<p><img src="home_logo.gif" alt="julie mihaly" width="473" height="57"
</div>
<div class="nav_bar"{position: left: 12px; top: 12px}
<p>
<br /><br />
<a href="photographs.html">PHOTOGRAPHS</a>
<br/> <br/> <br/>
<a href="design_craft.html">DESIGN & CRAFT TEARSHEETS</a>
<br/> <br/> <br/>
<a href="styling_production.html">STYLING & PRODUCTION TEARSHEETS</a>
<br/> <br/> <br/>
<a href="photoedit.html">PHOTO EDITING TEARSHEETS</a>
<br/> <br/> <br/>
<a href="research.html">PHOTO RESEARCH TEARSHEETS</a>
<br/> <br/> <br/>
<a href="writing.html">WRITING TEARSHEETS</a>
<br/> <br/> <br/>
<a href="buy.html">BUY</a>
<br/> <br/> <br/>
<p><img src="contact_info.gif" alt="contact info" width="436" height="167"
</div>
</body>
</html>
WebJoel
09-15-2007, 11:11 AM
<!DOCTYPEhtmlPUBLIC"-//W3C//DTDXHTML1.0Transitional//EN>
<http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd>
<htmlxmlns="http://www.w3.org/1999/xhtml">
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">

One !doctype is enough, -and the first one requireswhitespaces "<!DOCTYPEhtmlPUBLIC" should be "<!doctype html public ~etc"

and some errors:

<div class="main"
<p><img src="home_logo.gif" alt="julie mihaly" width="473" height="57"
</div>
<div class="nav_bar"{position: left: 12px; top: 12px}

"<div class="main" " requires a ">" at the end

and:

<img src="home_logo.gif" alt="julie mihaly" width="473" height="57"

requires a ">" at the end, etc.

and:

<div class="nav_bar"{position: left: 12px; top: 12px}

should probably be more like

<div class="nav_bar" style="position: left: 12px; top: 12px;">...

and the solver is this:

<title> JULIE MIHALY

requires a "</title>"

:D

<html>
<head>
<title> JULIE MIHALY</title>
<link rel="stylesheet" type="text/css" href="home.css" />
</head>
<body>
<div class="main">
<p><img src="home_logo.gif" alt="julie mihaly" width="473" height="57" />
</div>
<div class="nav_bar" style="position: left: 12px; top: 12px;">
<p>
<br /><br />
<a href="photographs.html">PHOTOGRAPHS</a>
<br/> <br/> <br/>
<a href="design_craft.html">DESIGN & CRAFT TEARSHEETS</a>
<br/> <br/> <br/>
<a href="styling_production.html">STYLING & PRODUCTION TEARSHEETS</a>
<br/> <br/> <br/>
<a href="photoedit.html">PHOTO EDITING TEARSHEETS</a>
<br/> <br/> <br/>
<a href="research.html">PHOTO RESEARCH TEARSHEETS</a>
<br/> <br/> <br/>
<a href="writing.html">WRITING TEARSHEETS</a>
<br/> <br/> <br/>
<a href="buy.html">BUY</a>
<br/> <br/> <br/>
<p><img src="contact_info.gif" alt="contact info" width="436" height="167" />
</div>
</body>
</html>
julmihaly
09-15-2007, 11:15 AM
I know that I only need one !doctype, I just wanted to show you the ones that I'd tried, and I've also tried the first one with spaces, none of which worked with Safari. Have no idea what's up....
WebJoel
09-15-2007, 11:21 AM
was still editing... see my post above yours. Problem solved. (Add your valid !doctype though) :)
julmihaly
09-15-2007, 11:29 AM
I LOVE YOU!!!!!! Can't thank you enough! Take care and all best!- J
ray326
09-15-2007, 02:27 PM
Try semantic markup and think about accessibility.

<h1><img src="home_logo.gif" alt="julie mihaly" width="473" height="57"></h1>
<div class="nav_bar" style="position: left: 12px; top: 12px;">
<ul>
<li><a href="photographs.html">PHOTOGRAPHS</a></li>
<li><a href="design_craft.html">DESIGN & CRAFT TEARSHEETS</a></li>
<li><a href="styling_production.html">STYLING & PRODUCTION TEARSHEETS</a></li>
<li><a href="photoedit.html">PHOTO EDITING TEARSHEETS</a></li>
<li><a href="research.html">PHOTO RESEARCH TEARSHEETS</a></li>
<li><a href="writing.html">WRITING TEARSHEETS</a></li>
<li><a href="buy.html">BUY</a></li>
</ul>
</div>
<!-- the following is is a VERY bad idea -->
<img src="contact_info.gif" alt="contact info" width="436" height="167">
julmihaly
09-15-2007, 03:54 PM
Thanks so much, though I honestly know only the very basics of HTML, which means that your references to semantics and accessiblity connote more to English 101 and wheelchairs than anything else to me. Literally opened a book that's even more rudimentary than "HTML for Dummies" 5 days ago, so I'm still working with HTML crayons....
WebJoel
09-15-2007, 04:02 PM
Come back & visit us often here at WD. There are many very qualified people ready to assist.
ray326
09-15-2007, 04:47 PM
semantics (n.) The study or science of meaning in language.
On the web it means your HTML markup should convey the meaning of the content. E.g., your page in large part was a "list of links" and that means the HTML markup should be an unordered list.

accessibility: http://webdesign.about.com/od/accessibility/g/bldefaccessibil.htm
You have a graphic that contains very important contact information, which is totally useless to someone who can't see the page or who has no graphics capability in their browser. That may not sound like very many human users but it describes 100% of the search engines to a T.
julmihaly
09-15-2007, 05:02 PM
Thanks again, though I fear my use of "irony" (n. a literary style employing irony for humorous or rhetorical effect) may have been wasted on you. Per my earlier message, I'm a raging beginner, so your quip re: trying to hide my info from search engines is well noted, though it may have been better communicated without that snide little edge.
ray326
09-15-2007, 05:11 PM
though it may have been better communicated without that snide little edgeAgreed. That's why I softened it, apparently while you were reading the original. Also you may actually be trying to hide that from search engines.

Oh, and that snide little edge is just part of the sarcasm we provide as a service. :) Still, I hope the examples were illustrative and if not I recommend you read Zeldman.
julmihaly
09-15-2007, 05:19 PM
Everything is helpful to moi at this stage of the game. And as a native of Cleveland, a town where the river was so polluted that it burned for three days, I've developed a fairly thick, snide-resistant skin. Thanks again for everything. So much more to learn.......
ray326
09-15-2007, 11:21 PM
Ah, "Cleveland, city of lights, city of magic." -- Randy Newman
Sammy2068
04-24-2009, 01:39 AM
One of my webpages doesn't seem to load in Safari or Internet Explorer. All is fine with Firefox/Mozilla, but all that appears when logging on via the other browsers is a blank white page.

I read through this thread but could not find any applicable error.

Here is the page:

palmsplace (dot) la (slash) palms_pages (slash) reservationenquiry (dot) html

It appears white, but you can read the code through the mouse's context menu.

Any Suggestions? Thank you for your help!
felgall
04-26-2009, 04:57 PM
The </html> tag for your page is before the <body> tag so browsers are ignoring most of your code because it is outside of the HTML block.