Skip to main content
N
Normie75
Known Participant
November 6, 2019
Answered

Dreamweaver broke my HTML

  • November 6, 2019
  • 4 replies
  • 985 views

For many years I was very happy using DW CSS6 on Windows7
However I just upgraded to a new Windows10 PC and find myself locked into the subscription version of DW 19.1

 

On one of my client websites is a dropdown menu:

<div class="collapse navbar-collapse" id="bs3-navbar-collapse-1">

<div class="navbar-header">
<a class="navbar-brand" href="2016-pics/stanmore-logo.jpg" style="margin-top:3px;"></a>
</div>

<ul class="nav navbar-nav nav-stacked">
<li><a href="http://www.sacps.org.uk/index.html">Home Page</a></li>
<li class="dropdown">
<a class="dropdown-toggle" data-toggle="dropdown" href="#">About<span class="caret"></span></a>
<ul class="dropdown-menu">
<li><a class="dropdown-toggle" data-toggle="dropdown" href="#"><strong>Who's Who &amp; Contacts</strong></a>
</li>
<li><a href="http://www.sacps.org.uk/secure/whos-who.html" target="_blank">Who's Who?</a></li>
<li><a href="http://www.sacps.org.uk/secure/directory.html" target="_blank">Community Directory</a></li>
<li><a href="http://www.sacps.org.uk/stanmore-kehilla.html">About Us</a></li>
<li><a href="http://www.sacps.org.uk/secure/contact-us.html" target="_blank">Contact Us</a></li>
<li><a class="dropdown-toggle" data-toggle="dropdown" href="#"><strong>Policies &amp; Guidelines</strong></a>
</li>

... etc, etc - it's a long menu

And now the dropdowns don't work anymore as they used to before my 'upgrade'

Can anybody help fix this for me please?

Many thanks in advance.

This topic has been closed for replies.
Correct answer osgood_

What appears to have disabled your navigation drop-downs is the Bootstrap min version script below:

<script type="text/javascript" src="bootstrap/3/js/bootstrap.min.js"></script>

 

It comes AFTER another call to the full bootstrap.js:

<script type="text/javascript" src="bootstrap/3/js/bootstrap.js"></script>

 

So I guess there is a conflict. You'll get some better information from those about that who use Bootstrap.

4 replies

BenPleysier
Community Expert
BenPleysierCommunity Expert
Community Expert
November 7, 2019

Adding to what osgood_ has said, the structure for Bootstrap 3 is:

 

<li class="dropdown">
  <a class="dropdown-toggle" id="dropdownMenu1" data-toggle="dropdown" aria-haspopup="true" aria-expanded="true">
    Dropdown
    <span class="caret"></span>
  </a>
  <ul class="dropdown-menu" aria-labelledby="dropdownMenu1">
    <li>...></li>
  </ul>
</li>

 

 

For more, see https://getbootstrap.com/docs/3.3/components/#dropdowns

Wappler is the DMXzone-made Dreamweaver replacement and includes the best of their powerful extensions, as well as much more!
    N
    Normie75Author
    Known Participant
    November 12, 2019

    Thanks my problem is resolved now.

    O
    osgood_Correct answer
    Legend
    November 6, 2019

    What appears to have disabled your navigation drop-downs is the Bootstrap min version script below:

    <script type="text/javascript" src="bootstrap/3/js/bootstrap.min.js"></script>

     

    It comes AFTER another call to the full bootstrap.js:

    <script type="text/javascript" src="bootstrap/3/js/bootstrap.js"></script>

     

    So I guess there is a conflict. You'll get some better information from those about that who use Bootstrap.

      N
      Normie75Author
      Known Participant
      November 12, 2019

      Thanks for your reply it was very helpful.

      I've seen that and commented that line out and it all works now.

      Nancy OShea
      Community Expert
      Nancy OSheaCommunity Expert
      Community Expert
      November 6, 2019

      It's always convenient to blame the software when things stop working as expected.  More often than not, it's caused by errors in the code or something that changed on the server.   If you care to post the URL to your online page where this problem occurs, we'll take a look at it for you.  

      Nancy O'Shea— Product User & Community Expert
      N
      Normie75Author
      Known Participant
      November 12, 2019

      Thanks my problem is resolved now.

      B
      Community Expert
      Ben MCommunity Expert
      Community Expert
      November 6, 2019

      Dreamweaver is just a text editor for code.  There's nothing in the update process that would have broken your code.  Can we see your page on a test page to see what's going on?  From the sounds of it, something may be missing on the server that is preventing the drop down from working whether it is CSS/JS/etc. 

        N
        Normie75Author
        Known Participant
        November 12, 2019

        Thank yiu for your response and my problem is resolved now.

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