cancel
Turn on suggestions
Auto-suggest helps you quickly narrow down your search results by suggesting possible matches as you type.
Showing results for 
Show  only  | Search instead for 
Did you mean: 
Exit
search
  • Global community
    • Language:
      • Deutsch
      • English
      • Español
      • Français
      • Português
  • 日本語コミュニティ
  • 한국 커뮤니티
0
Upvote

F12 Design View differs from Online

mjohn551
Community Beginner ,
Oct 28, 2017 Oct 28, 2017

The header of our new test site - when viewed using the F12 key - differs from the online display.  Just the header, nothing else.  Specifically, the nav bar selections (Home, Contact Us, etc.) vary vertically.  First view is using F12, second when viewed online.

Anyone have an idea?

Thanks Mike

887
Translate
Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines

correct answers 1 Correct answer

Nancy OShea Community Expert
Community Expert , Oct 29, 2017 Oct 29, 2017

Why don't you revert to the one on your current home page which works -- albeit with a few code errors.

Translate
replies 15 Replies 15
latest latest Jump to latest reply
Nancy OShea Community Expert
Community Expert ,
Oct 28, 2017 Oct 28, 2017

Which browser are you using and is your zoom level set to 100%?

It might help if we could see the URL to your site.

Nancy O'Shea— Product User, Community Expert & Moderator
Translate
Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
mjohn551
Community Beginner ,
Oct 28, 2017 Oct 28, 2017
In Response To Nancy OShea

Thanks for responding Nancy.

Am using Mozilla Firefox.

Link to test html page is http://www.perforatedpaperonline.com/proto index.html.  I have to believe it happened coincidentally with html changes I've been making.

Mike

Translate
Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
mjohn551
Community Beginner ,
Oct 28, 2017 Oct 28, 2017
In Response To mjohn551

Nancy,

In case it helps, here's .html relating to the header:

Mike

<div id="sc_logo">

    <div id="sc_logo_inner"> <a > <img src="images/ppo_logo.gif" alt="Perforated Paper" /> </a>

      <div id="top_nav">

     

        <div id="top_nav_upper">

          <p><a href="#" class="em" style="color: #F00">800-364-1509</a>   <a id="top_contact" href="mailto:info@perforatedpaperonline.com"><strong>info@<span>perforatedpaperOnline.com</span></strong></a></p>

        </div>

        <ul>

          <li><a class="selected" href="index.html">Home</a></li>

          <li><a href="http://shop.perforatedpaperonline.com/category-s/309.htm">Perforated Products</a> </li>

          <li><a href="http://shop.perforatedpaperonline.com/category-s/108.htm">Printing Software</a> </li>

          <li><a href="http://shop.perforatedpaperonline.com/category-s/158.htm">Memorial Products</a> </li>

          <li><a href="http://www.perforatedpaperonline.com/proto about_us.html">About Us</a></li>

          <li><a href="http://www.perforatedpaperonline.com/proto contact.html">Contact Us</a></li>

        </ul>

      </div>

    </div>

  </div>

Translate
Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Nancy OShea Community Expert
Community Expert ,
Oct 28, 2017 Oct 28, 2017
In Response To mjohn551

That URL shows a not found error.

Nancy O'Shea— Product User, Community Expert & Moderator
Translate
Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
mjohn551
Community Beginner ,
Oct 28, 2017 Oct 28, 2017
In Response To Nancy OShea

There should be just a space between proto and index_html

Translate
Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Nancy OShea Community Expert
Community Expert ,
Oct 28, 2017 Oct 28, 2017
In Response To mjohn551

OK.  When you add spaces to filenames on the web, you have to express the space with a %20 entity.  www.perforatedpaperonline.com/proto%20index.html

Anyway, getting back to the problem.   Add a couple of paragraphs to top_nav_upper like this.

<div id="top_nav_upper">

<p>& n b s p ;</p>

<p>& n b s p ;</p>

Remove the spaces.  I only added them here because this forum strips out non-breaking spaces if I don't. 

Lastly, fix your code errors and you should be good to go.

[Invalid] Markup Validation of http://www.perforatedpaperonline.com/proto%20index.html - W3C Markup ...

Nancy O'Shea— Product User, Community Expert & Moderator
Translate
Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
mjohn551
Community Beginner ,
Oct 28, 2017 Oct 28, 2017
In Response To Nancy OShea

Thanks Nancy,


Will make corrections and let you know what happens, in any event.

Mike

Translate
Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
mjohn551
Community Beginner ,
Oct 29, 2017 Oct 29, 2017
In Response To mjohn551

Nancy,

Corrected html markup and added the paragraphs, but still same.

Mike

Translate
Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
mjohn551
Community Beginner ,
Oct 29, 2017 Oct 29, 2017
In Response To mjohn551

Also renamed proto index.html to proto_index.html.

Translate
Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Nancy OShea Community Expert
Community Expert ,
Oct 29, 2017 Oct 29, 2017
In Response To mjohn551

<!doctype html>

<html>

<head>

<meta charset="utf-8">

<title>Untitled Document</title>

</head>

<body>

<div id="sc" class="cols3">

<a name="top" id="top"></a>

<div id="sc_inner">

<!--  header -->

<div id="sc_logo">

<div id="sc_logo_inner"> <a href="#"> <img src="images/ppo_logo.gif" alt="Perforated Paper" /> </a>

<div id="top_nav">

<div id="top_nav_upper">

<p>& n b s p;</p>

<p>& n b s p;</p>

<p><a href="#" class="em" style="color: #F00">800-364-1509</a>   <a id="top_contact" href="mailto:info@perforatedpaperonline.com"><strong>info@<span>perforatedpaperOnline.com</span></strong></a></p>

</div>

<ul>

<li><a class="selected" href="index.html">Home</a></li>

<li><a href="http://shop.perforatedpaperonline.com/category-s/309.htm">Perforated Products</a> </li>

<li><a href="http://shop.perforatedpaperonline.com/category-s/108.htm">Printing Software</a> </li>

<li><a href="http://shop.perforatedpaperonline.com/category-s/158.htm">Memorial Products</a> </li>

<li><a href="http://www.perforatedpaperonline.com/proto about_us.html">About Us</a></li>

<li><a href="http://www.perforatedpaperonline.com/proto contact.html">Contact Us</a></li>

</ul>

</div>

</div>

</div>

</div>

</div>

</body>

</html>

Nancy O'Shea— Product User, Community Expert & Moderator
Translate
Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
mjohn551
Community Beginner ,
Oct 29, 2017 Oct 29, 2017
In Response To Nancy OShea

Same result, but the top <div id="sc" class="cols3"> had to be removed in order for Markup to be validated.

This is driving me nuts!

Translate
Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Nancy OShea Community Expert
Community Expert ,
Oct 29, 2017 Oct 29, 2017
In Response To mjohn551

The code I posted contains no errors.

Nancy O'Shea— Product User, Community Expert & Moderator
Translate
Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
mjohn551
Community Beginner ,
Oct 29, 2017 Oct 29, 2017
In Response To Nancy OShea

Nancy,

When I add the

back in, the markup validator
displays







Perforated Paper



 


 


<a href="#" class="em" style="color: #F00">800-364-1509</a>   <a id="top_contact" href="mailto:info@perforatedpaperonline.com">*info@<span>perforatedpaperOnline.com</span>*</a></p>

</div>

<ul>

<li>[Home | index.html]</li>

<li><a

href="http://shop.perforatedpaperonline.com/category-s/309.htm">Perforated

Products</a> </li>

<li><a

href="http://shop.perforatedpaperonline.com/category-s/108.htm">Printing

Software</a> </li>

<li><a

href="http://shop.perforatedpaperonline.com/category-s/158.htm">Memorial

Products</a> </li>

<li><a

href="http://www.perforatedpaperonline.com/proto_about_us.html">About

Us</a></li>

<li><a

href="http://www.perforatedpaperonline.com/proto_contact.html">Contact

Us</a></li>

</ul>

</div>

</div>

</div>

Translate
Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Nancy OShea Community Expert
Community Expert ,
Oct 29, 2017 Oct 29, 2017
In Response To mjohn551

Why don't you revert to the one on your current home page which works -- albeit with a few code errors.

Nancy O'Shea— Product User, Community Expert & Moderator
Translate
Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
mjohn551
Community Beginner ,
Oct 29, 2017 Oct 29, 2017
LATEST
In Response To Nancy OShea

Nancy,

Thanks again.  I'll go with keeping it the way the home page is now.

Mike

Translate
Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Copyright © 2025 Adobe. All rights reserved.
Using the Community Experience League Terms of Use Privacy Cookie preferences Do not sell or share my personal information ad choicesAdChoices