Skip to main content
Normie75
Known Participant
Nov 6, 2019 2:35 PM UTC
Answered

Dreamweaver broke my HTML

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 is closed to new replies. Start a new post to keep the conversation going.
osgood_Correct answer
Legend
Nov 6, 2019 6:56 PM UTC

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.

View reply

8 replies

BenPleysier
Community Expert
BenPleysierCommunity Expert
Community Expert
Nov 7, 2019 3:49 AM UTC

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

Translate
Wappler is the DMXzone-made Dreamweaver replacement and includes the best of their powerful extensions, as well as much more!
    Normie75Author
    Known Participant
    Nov 12, 2019 6:29 PM UTC

    Thanks my problem is resolved now.

    Translate
    osgood_Correct answer
    Legend
    Nov 6, 2019 6:56 PM UTC

    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.

    Translate
      Normie75Author
      Known Participant
      Nov 12, 2019 6:30 PM UTC

      Thanks for your reply it was very helpful.

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

      Translate
      Nancy OShea
      Community Expert
      Nancy OSheaCommunity Expert
      Community Expert
      Nov 6, 2019 6:18 PM UTC

      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.  

      Translate
      Nancy O'Shea— Product User & Community Expert
      Normie75Author
      Known Participant
      Nov 12, 2019 6:30 PM UTC

      Thanks my problem is resolved now.

      Translate
      Community Expert
      Ben MCommunity Expert
      Community Expert
      Nov 6, 2019 6:13 PM UTC

      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. 

      Translate
        Normie75Author
        Known Participant
        Nov 12, 2019 6:33 PM UTC

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

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