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 & 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 & 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.
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.
Copy link to clipboard
Copied
Thank yiu for your response and my problem is resolved now.
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.
Copy link to clipboard
Copied
Thanks my problem is resolved now.
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.
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.
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
Copy link to clipboard
Copied
Thanks my problem is resolved now.