Skip to main content
H
hennes r.e98271769
Participant
July 1, 2020
Question

Help with a multi navmenu in dreamweaver CC

  • July 1, 2020
  • 2 replies
  • 386 views

Perhaps there is someone who can help me withh the code to create a multi navmenu in dreamweaver CC and make an existend page

in dreamweaver CC. Thanks in advantage.

 

Henri

    This topic has been closed for replies.

    2 replies

    Nancy OShea
    Community Expert
    Nancy OSheaCommunity Expert
    Community Expert
    July 1, 2020

    For best results on mobile & touch screen devices, use a responsive menu.  This one is built with Bootstrap 4 responsive framework system. 

     

     

    Copy & paste code below into a new, blank document.

     

    <!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>Bootstrap 4 Navbar with Brand </title>
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">

<!-- Bootstrap CSS -->
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.4.1/css/bootstrap.min.css">
</head>

<body>
<nav class="navbar navbar-expand-md navbar-dark bg-secondary">
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#mynavbar" aria-controls="mynavbar" aria-expanded="false" aria-label="Toggle navigation"> <span class="navbar-toggler-icon"></span> </button>
<!--BRAND/LOGO here--> 
<a class="navbar-brand" href="#"><img src="https://dummyimage.com/300x65" alt="logo"></a>

<div class="collapse navbar-collapse justify-content-md-center" id="mynavbar">
<ul class="navbar-nav">
<li class="nav-item active"> <a class="nav-link" href="#">Home <span class="sr-only">(current)</span></a> </li>
<li class="nav-item"> <a class="nav-link" href="#">Link</a> </li>
<li class="nav-item"> <a class="nav-link" href="#">Link</a> </li>
<li class="nav-item"> <a class="nav-link" href="#">Link</a> </li>
<li class="nav-item dropdown"> <a class="nav-link dropdown-toggle" href="https://example.com" id="mydropdown" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">Dropdown</a>
<div class="dropdown-menu" aria-labelledby="mydropdown"> <a class="dropdown-item" href="#">Action</a> <a class="dropdown-item" href="#">Another action</a> <a class="dropdown-item" href="#">Something else here</a> </div>
</li>
</ul>
</div>
</nav>

<!--BEGIN PAGE CONTENT-->
<div class="container">
<div class="row">
<div class="col">


</div>
</div>
</div>


<!--Supporting scripts. First jQuery, then popper, then Bootstrap JS--> 
<script src="https://code.jquery.com/jquery-3.2.1.min.js" integrity="sha256-hwg4gsxgFZhOsEEamdOYGBf13FyQuiTwlAQgxVSNgt4=" crossorigin="anonymous"></script> 
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.7/umd/popper.min.js"></script> 
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.4.1/js/bootstrap.min.js"></script>
</body>
</html>

     

    Post back if you have questions.

     

    Nancy O'Shea— Product User & Community Expert
    B
    Community Expert
    Ben MCommunity Expert
    Community Expert
    July 1, 2020

    Ok.  Let's see what you have so far that you are working with and we can help troubleshoot your issues.  Can you share a link to your page?

    H
    hennes r.e98271769Author
    Participant
    July 17, 2020

    het is the link to my page: https://hethuisvanoranje.nl

    I need a responsive multi nav menu

    Thmaks al lot by helpimg me!

     

    grts.

     

    Henri

    Nancy OShea
    Community Expert
    Nancy OSheaCommunity Expert
    Community Expert
    July 17, 2020

    Validate code and fix reported errors.

    http://validator.w3.org/check?verbose=1&uri=https%3A%2F%2Fhethuisvanoranje.nl%2F

     

    Just to be clear,  that site contains many outdated code errors.  It should be rebuilt responsively and with modern HTML 5 code  -- the current web standard.

    https://www.w3schools.com/html/

     

    Nancy O'Shea— Product User & Community Expert
    Terms & ConditionsAccessibility statement
    Using the community Terms of use Privacy Cookie preferences Do not sell or share my personal information ad choicesAdChoices