Skip to main content
M
mjohn551
Known Participant
October 28, 2017
Answered

F12 Design View differs from Online

  • October 28, 2017
  • 1 reply
  • 879 views

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

This topic has been closed for replies.
Correct answer Nancy OShea

Nancy,

When I add the

back in, the markup validator
displays







Perforated Paper



 


 


800-364-1509]]>   *info@perforatedpaperOnline.com*]]></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>


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

1 reply

Nancy OShea
Community Expert
Nancy OSheaCommunity Expert
Community Expert
October 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
M
mjohn551Author
Known Participant
October 28, 2017

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

M
mjohn551Author
Known Participant
October 28, 2017

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>

Terms & ConditionsAccessibility statement
Using the community Terms of use Privacy Cookie preferences Do not sell or share my personal information ad choicesAdChoices