Highlighted

Dreamweaver broke my HTML

Community Beginner ,
Nov 06, 2019

Copy link to clipboard

Copied

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.

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.

Topics

Code

Views

490

Likes

Translate

Translate

Report

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

Dreamweaver broke my HTML

Community Beginner ,
Nov 06, 2019

Copy link to clipboard

Copied

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.

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.

Topics

Code

Views

491

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
Adobe Community Professional ,
Nov 06, 2019

Copy link to clipboard

Copied

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. 

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
Reply
Loading...
Normie75 LATEST
Community Beginner ,
Nov 12, 2019

Copy link to clipboard

Copied

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

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
Reply
Loading...
Adobe Community Professional ,
Nov 06, 2019

Copy link to clipboard

Copied

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, ACP
Alt-Web.com

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
Reply
Loading...
Community Beginner ,
Nov 12, 2019

Copy link to clipboard

Copied

Thanks my problem is resolved now.

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
Reply
Loading...
LEGEND ,
Nov 06, 2019

Copy link to clipboard

Copied

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.

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
Reply
Loading...
Community Beginner ,
Nov 12, 2019

Copy link to clipboard

Copied

Thanks for your reply it was very helpful.

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

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
Reply
Loading...
Adobe Community Professional ,
Nov 06, 2019

Copy link to clipboard

Copied

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


Ben

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
Reply
Loading...
Community Beginner ,
Nov 12, 2019

Copy link to clipboard

Copied

Thanks my problem is resolved now.

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
Reply
Loading...