Participating Frequently

Question

What Did I DO Wrong, Drop Down Not Working

Forum|Forum|2 years ago
January 10, 2024
4 replies
2892 views

<!doctype html>
<html>
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Kim's Jewelry & Crafts</title>
<style type="text/css">
#container {
width: 1020px;
background: #FFFFFF;
margin: 0 auto;
border: 1px solid #000000;
text-align: left;
}
#sidebar {
float: left;
width: 320px;
background: #EBEBEB;
padding: 15px 10px 15px 20px;
list-style: decimal;
}
#mainContent {
margin: 0 0 0 380px;
padding: 0 20px 20px 20px;
background-color: aliceblue;
}
</style>
<link href="kim.css" rel="stylesheet" type="text/css">
<link href="file:///C|/Users/squea/AppData/Roaming/Adobe/Dreamweaver 2021/en_US/Configuration/Temp/Assets/eam737A.tmp/css/bootstrap-4.4.1.css" rel="stylesheet" type="text/css">
</head>

<body>

<div id="container">

<div id="sidebar">
<h3>Links To Pages In Site</h3>
<nav class="navbar navbar-expand-lg navbar-light bg-light">
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent1" aria-controls="navbarSupportedContent1" aria-expanded="false" aria-label="Toggle navigation"> <span class="navbar-toggler-icon"></span> </button>
<div class="collapse navbar-collapse" id="navbarSupportedContent1">
<ul class="navbar-nav mr-auto">
<li class="nav-item active"> <a class="nav-link" href="https://djsqueakey.myportfolio.com/work">Home <span class="sr-only">(current)</span></a> </li>
<li class="nav-item dropdown">
<a class="nav-link dropdown-toggle" href="#" id="navbarDropdown1" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"> Site Menu </a>
<div class="dropdown-menu" aria-labelledby="navbarDropdown1"> <a class="dropdown-item" href="https://djsqueakey.myportfolio.com/work">Home</a>
<a class="dropdown-item" href="https://djsqueakey.myportfolio.com/jewelry-page-2">4th of July</a><a class="dropdown-item" href="https://djsqueakey.myportfolio.com/bracelets">Bracelets 1</a><a class="dropdown-item" href="https://djsqueakey.myportfolio.com/bracelets-page-2">Bracelets 2</a><a class="dropdown-item" href="https://djsqueakey.myportfolio.com/bracelets-page-3">Bracelets 3</a><a class="dropdown-item" href="#">Cat Collar</a><a class="dropdown-item" href="https://djsqueakey.myportfolio.com/causes-jewelry">Causes Jewelry</a><a class="dropdown-item" href="https://djsqueakey.myportfolio.com/charms-pendants-page-1">Charms & Pendants 1</a><a class="dropdown-item" href="https://djsqueakey.myportfolio.com/charms-pendants-page-2">Charms & Pendants 2</a><a class="dropdown-item" href="https://djsqueakey.myportfolio.com/charms-pendants-page-3">Charms & Pendants 3</a><a class="dropdown-item" href="https://djsqueakey.myportfolio.com/charms-pendants-page-4">Charms & Pendants 4</a><a class="dropdown-item" href="https://djsqueakey.myportfolio.com/childrens-page-1">Childrens 1</a><a class="dropdown-item" href="https://djsqueakey.myportfolio.com/childrens-page-2">Childrens 2</a><a class="dropdown-item" href="https://djsqueakey.myportfolio.com/childrens-page-3">Childrens 3</a><a class="dropdown-item" href="https://djsqueakey.myportfolio.com/childrens-page-4">Childrens 4</a><a class="dropdown-item" href="https://djsqueakey.myportfolio.com/childrens-page-5">Childrens 5</a><a class="dropdown-item" href="https://djsqueakey.myportfolio.com/childrens-page-6">Childrens 6</a><a class="dropdown-item" href="https://djsqueakey.myportfolio.com/childrens-page-17">Childrens 7</a><a class="dropdown-item" href="https://djsqueakey.myportfolio.com/childrens-page-8">Childrens 8</a><a class="dropdown-item" href="https://djsqueakey.myportfolio.com/christmas-page-1">Christmas 1</a><a class="dropdown-item" href="https://djsqueakey.myportfolio.com/christmas-page-2">Christmas 2</a><a class="dropdown-item" href="https://djsqueakey.myportfolio.com/christmas-page-3">Christmas 3</a><a class="dropdown-item" href="https://djsqueakey.myportfolio.com/christmas-page-4">Christmas 4</a><a class="dropdown-item" href="https://djsqueakey.myportfolio.com/dog-collar">Dog Collars</a><a class="dropdown-item" href="https://djsqueakey.myportfolio.com/cutiepengus-beaded-jewelry-crafts">Earrings 1</a><a class="dropdown-item" href="https://djsqueakey.myportfolio.com/earrings-page-2">Earrings 2</a><a class="dropdown-item" href="https://djsqueakey.myportfolio.com/earrings-page-3">Earrings 3</a><a class="dropdown-item" href="https://djsqueakey.myportfolio.com/earrings-page-4">Earrings 4</a><a class="dropdown-item" href="https://djsqueakey.myportfolio.com/earrings-page-5">Earrings 5</a><a class="dropdown-item" href="https://djsqueakey.myportfolio.com/easter-jewelry">Easter</a><a class="dropdown-item" href="https://djsqueakey.myportfolio.com/halloween-page-1">Halloween 1</a><a class="dropdown-item" href="https://djsqueakey.myportfolio.com/halloween-page-2">Halloween 2</a><a class="dropdown-item" href="https://djsqueakey.myportfolio.com/name-bracelets-page-1">Name Bracelets 1</a><a class="dropdown-item" href="https://djsqueakey.myportfolio.com/name-bracelets-page-2">Name Bracelets 2</a><a class="dropdown-item" href="https://djsqueakey.myportfolio.com/name-bracelets-page-3">Name Bracelets 3</a><a class="dropdown-item" href="https://djsqueakey.myportfolio.com/necklaces-page-1">Necklaces 1</a><a class="dropdown-item" href="https://djsqueakey.myportfolio.com/necklaces-page-2">Necklaces 2</a><a class="dropdown-item" href="https://djsqueakey.myportfolio.com/rings">Rings</a><a class="dropdown-item" href="https://djsqueakey.myportfolio.com/summer-jewelry">Summer</a><a class="dropdown-item" href="https://djsqueakey.myportfolio.com/valentines-day-jewelry">Valentines</a><a class="dropdown-item" href="#">Watches</a><a class="dropdown-item" href="#">Contact Me</a><a class="dropdown-item" href="#">Order & Payment Information</a>
<div class="dropdown-divider"></div>
<a class="dropdown-item" href="#">Something else here</a> </div>
</li>
</ul>
<form class="form-inline my-2 my-lg-0">
<input class="form-control mr-sm-2" type="search" placeholder="Search" aria-label="Search">
<button class="btn btn-outline-success my-2 my-sm-0" type="submit">Search</button>
</form>
</div>
</nav>

This topic has been closed for replies.

Nancy OShea

Braniac

You didn't define a local site folder did you? That's a critical first step before beginning any new project in Dreamweaver. Otherwise, DW can't properly manage site assets for you. Go to Site > New Site and define your local site folder. See screenshot.

Also, I'm confused why all your outbound links are going to Adobe Portfolio. That's not an e-commerce platform. It's a static personal portfolio. Wouldn't it make more sense to have a dedicated shopping cart on Etsy or Shopify so customers can make online purchases without contacting you first?

Asking people to private message you on Facebook makes no sense. It's convoluted & not user-friendly. And for many people, myself included, it's an insurmountable obstacle as we don't use Facebook. 😝

If your goal is to sell stuff online, you need a better e-commerce solution that doesn't make customers fly through hoops & hurdles to make a purchase. Keep it simple.

Nancy O'Shea— Product User, Community Expert & Moderator

DJ_KIMAuthor

Participating Frequently

That's why I'm trying to REDO my site totally. I won't use Etsy again and I can't afford Shopify or anything big name like that. That's why I thought of hosting it from my own computer. I've done it before, but don't remember how I did it.

Never let anyone tell you that you can't do something, for if they do, it just means they couldn't do it themselves.

Jon Fritz

Braniac

As Ben eludes to, your links are not correct. They will only work on your machine, where the files reside at the locations given.

This usually happens when a Site Definition wasn't set up. DW doesn't know how to resolve your links as document relative or site root relative, because no site was built for it to use.

Make sure, even if it's for an html email, that you Define a Site as your first step when using DW.

Without it, many of the the program's features won't work as expected

DJ_KIMAuthor

Participating Frequently

I think what you're saying is that I haven't made the actual pages on my computer yet, and just linked them to the web pages at my site (https://djsqueakey.myportfolio.com/work), is this right? If so, I'm working on that, but shouldn't it at least show my list of pages that I have linked? Also, please read my reply to Ben above, and see if that helps to understand what I'm doing. I can elaborate more, if needed.

Never let anyone tell you that you can't do something, for if they do, it just means they couldn't do it themselves.

Jon Fritz

Braniac

Sorry, no, that's not what I'm suggesting.

Follow the video at the link I posted.

DW is designed, and always has been, to work on files locally in a Defined Site and then upload those files via FTP to your Remote Server (your online site). If you don't define a site, you get all those wonky "file" addresses for your css and javascript links created by the program and your menus simply cannot work anywhere but on your local machine.

If you don't have your site files locally, Define a Site, enter your FTP information (from your hosting company) in the Servers tab of the Site setup and then hit the "Get" button (down arrow icon) in your Files window within DW to download a copy of everything to work on locally.

You then make changes and "Put" (up arrow icon) to overwrite the online files.

BenPleysier

Braniac

Copy and paste the following code into a new document and see the result using Bootstrap 5.3

<!doctype html>
<html>

<head>
  <base href="/">
  <meta charset="utf-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Kim's Jewelry &amp; Crafts</title>

  <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/css/bootstrap.min.css" integrity="sha384-T3c6CoIi6uLrA9TneNEoa7RxnatzjcDSCmG1MXxSR1GAsXEV/Dwwykc2MPK8M2HN" crossorigin="anonymous" />
  <link href="kim.css" rel="stylesheet" type="text/css">
</head>

<body>
  <div class="container">
    <div class="row">
      <div class="col-lg-4">
        <h3>Links To Pages In Site</h3>
        <nav class="navbar navbar-expand-lg">
          <div class="container-fluid">
            <button class="navbar-toggler" type="button" aria-controls="navbarSupportedContent1" aria-expanded="false" aria-label="Toggle navigation" data-bs-toggle="collapse" data-bs-target="#navbarSupportedContent1"> <span class="navbar-toggler-icon"></span> </button>
            <div class="collapse navbar-collapse" id="navbarSupportedContent1">
              <ul class="navbar-nav me-auto">
                <li class="nav-item active"> <a class="nav-link" href="https://djsqueakey.myportfolio.com/work">Home <span class="visually-hidden">(current)</span></a> </li>
                <li class="nav-item dropdown">
                  <a class="nav-link dropdown-toggle" href="#" id="navbarDropdown1" role="button" aria-haspopup="true" aria-expanded="false" data-bs-toggle="dropdown"> Site Menu </a>
                  <div class="dropdown-menu" aria-labelledby="navbarDropdown1"> <a class="dropdown-item" href="https://djsqueakey.myportfolio.com/work">Home</a>
                    <a class="dropdown-item" href="https://djsqueakey.myportfolio.com/jewelry-page-2">4th of July</a><a class="dropdown-item" href="https://djsqueakey.myportfolio.com/bracelets">Bracelets 1</a><a class="dropdown-item" href="https://djsqueakey.myportfolio.com/bracelets-page-2">Bracelets 2</a><a class="dropdown-item" href="https://djsqueakey.myportfolio.com/bracelets-page-3">Bracelets 3</a><a class="dropdown-item" href="#">Cat Collar</a><a class="dropdown-item" href="https://djsqueakey.myportfolio.com/causes-jewelry">Causes Jewelry</a><a class="dropdown-item" href="https://djsqueakey.myportfolio.com/charms-pendants-page-1">Charms &amp; Pendants 1</a><a class="dropdown-item" href="https://djsqueakey.myportfolio.com/charms-pendants-page-2">Charms &amp; Pendants 2</a><a class="dropdown-item" href="https://djsqueakey.myportfolio.com/charms-pendants-page-3">Charms &amp; Pendants 3</a><a class="dropdown-item" href="https://djsqueakey.myportfolio.com/charms-pendants-page-4">Charms &amp; Pendants 4</a><a class="dropdown-item" href="https://djsqueakey.myportfolio.com/childrens-page-1">Childrens 1</a><a class="dropdown-item" href="https://djsqueakey.myportfolio.com/childrens-page-2">Childrens 2</a><a class="dropdown-item" href="https://djsqueakey.myportfolio.com/childrens-page-3">Childrens 3</a><a class="dropdown-item" href="https://djsqueakey.myportfolio.com/childrens-page-4">Childrens 4</a><a class="dropdown-item" href="https://djsqueakey.myportfolio.com/childrens-page-5">Childrens 5</a><a class="dropdown-item" href="https://djsqueakey.myportfolio.com/childrens-page-6">Childrens 6</a><a class="dropdown-item" href="https://djsqueakey.myportfolio.com/childrens-page-17">Childrens 7</a><a class="dropdown-item" href="https://djsqueakey.myportfolio.com/childrens-page-8">Childrens 8</a><a class="dropdown-item" href="https://djsqueakey.myportfolio.com/christmas-page-1">Christmas 1</a><a class="dropdown-item" href="https://djsqueakey.myportfolio.com/christmas-page-2">Christmas 2</a><a class="dropdown-item" href="https://djsqueakey.myportfolio.com/christmas-page-3">Christmas 3</a><a class="dropdown-item" href="https://djsqueakey.myportfolio.com/christmas-page-4">Christmas 4</a><a class="dropdown-item" href="https://djsqueakey.myportfolio.com/dog-collar">Dog Collars</a><a class="dropdown-item" href="https://djsqueakey.myportfolio.com/cutiepengus-beaded-jewelry-crafts">Earrings 1</a><a class="dropdown-item" href="https://djsqueakey.myportfolio.com/earrings-page-2">Earrings 2</a><a class="dropdown-item" href="https://djsqueakey.myportfolio.com/earrings-page-3">Earrings 3</a><a class="dropdown-item" href="https://djsqueakey.myportfolio.com/earrings-page-4">Earrings 4</a><a class="dropdown-item" href="https://djsqueakey.myportfolio.com/earrings-page-5">Earrings 5</a><a class="dropdown-item" href="https://djsqueakey.myportfolio.com/easter-jewelry">Easter</a><a class="dropdown-item" href="https://djsqueakey.myportfolio.com/halloween-page-1">Halloween 1</a><a class="dropdown-item" href="https://djsqueakey.myportfolio.com/halloween-page-2">Halloween 2</a><a class="dropdown-item" href="https://djsqueakey.myportfolio.com/name-bracelets-page-1">Name Bracelets 1</a><a class="dropdown-item" href="https://djsqueakey.myportfolio.com/name-bracelets-page-2">Name Bracelets 2</a><a class="dropdown-item" href="https://djsqueakey.myportfolio.com/name-bracelets-page-3">Name Bracelets 3</a><a class="dropdown-item" href="https://djsqueakey.myportfolio.com/necklaces-page-1">Necklaces 1</a><a class="dropdown-item" href="https://djsqueakey.myportfolio.com/necklaces-page-2">Necklaces 2</a><a class="dropdown-item" href="https://djsqueakey.myportfolio.com/rings">Rings</a><a class="dropdown-item" href="https://djsqueakey.myportfolio.com/summer-jewelry">Summer</a><a class="dropdown-item" href="https://djsqueakey.myportfolio.com/valentines-day-jewelry">Valentines</a><a class="dropdown-item" href="#">Watches</a><a class="dropdown-item" href="#">Contact Me</a><a class="dropdown-item" href="#">Order &amp; Payment Information</a>
                    <div class="dropdown-divider"></div>
                    <a class="dropdown-item" href="#">Something else here</a>
                  </div>
                </li>
              </ul>
              <form class="d-flex my-2 my-lg-0">
                <input class="form-control me-sm-2" type="search" placeholder="Search" aria-label="Search">
                <button class="btn btn-outline-success my-2 my-sm-0" type="submit">Search</button>
              </form>
            </div>
          </div>
        </nav>
      </div>
      <div class="col bg-primary-subtle">
        <h1> Welcome </h1>
        <p>Hello, and welcome to Kim's Jewelry &amp; Crafts.</p>
        <p>On this site you will find all the jewelry that I have made, and some charms/pendants that I didn't make but purchased for the purpose of using them with either necklaces, bracelets, or earrings. These charms/pendants are listed so that you can choose what you want on the necklace or bracelet that you purchase from this site.</p>
        <h2>Purchasing From This Site </h2>
        <p></p>
      </div>
    </div>
  </div>

  <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/js/bootstrap.bundle.min.js" integrity="sha384-C6RzsynM9kWDrMNeT87bh95OGNyZPhcTNXj1NW7RuBCsyN/o0jlpcV8Qyq46cDfL" crossorigin="anonymous"></script>
</body>

</html>

Wappler is the DMXzone-made Dreamweaver replacement and includes the best of their powerful extensions, as well as much more!

DJ_KIMAuthor

Participating Frequently

The drop down menu that I was trying to make "site menu" still isn't showing the drop down menu. It now has the arrow pointing down, but there's nothing there in the live view. With this new DW, I don't know how to view the site on the web to see if it's actually working. I'm oldschool DW, so this new DW is very different from my original one. I've been trying since this one came out to figure it out and make a new site (right now located at https://djsqueakey.myportfolio.com/work ).

I used to have my site set up so that I could have it running off of my computer, instead of having to pay to have my site. I'd like to do that again, but with this new version of DW, I'm at a loss on how to do that as well. The whole setup is totally different from what I'm used to with DW.

As for why I was using the version that you asked about, its because that's what is in the DW that I have. I have checked for updates on it, but it always tells me there's no updates for DW.

I coded my own website in the past, but due to heath issues, I have forgotten much of what I knew. This includes making CSS files to make the site the way I want it, and being able to make forms for purchasing my items, etc. I tried to use one of the "bootstrap" templates, but I am lost as to where all the pages are at for it. All I see that I can edit is the main page, no CSS page, nothing.

PHP, JAVA, Script, all of them were problems for me before, and now they just seem a lot harder than they were. I have certificates for PC Repair, Website Design, and Internet Marketing, but they do me no good when the Internet changes faster than I can keep up with it.

I really want to do this, and make it so that people can purchase my items right from the site, instead of having to "contact me" for purchasing instructions. I'll never sell anything that way, and the site I have now, don't even have a checkout page on it (I never knew how to make one either. I was never taught that in my classes.).

Never let anyone tell you that you can't do something, for if they do, it just means they couldn't do it themselves.

Nancy OShea

Braniac

You can't use Dreamweaver on Adobe Portfolio. They are NOT compatible.

Dreamweaver is a stand alone code editor. Portfolio is an online site builder hosted on Adobe's servers. For security reasons, you cannot insert code from Dreamweaver or any other code editor into Portfolio's editor. It will automatically remove the code from your published site.

If you want to use Dreamweaver to build a separate website, you need separate server hosting from a commercial hosting provider like Hostgator, BlueHost or InMotion.

https://www.pcmag.com/picks/the-best-web-hosting-services

Nancy O'Shea— Product User, Community Expert & Moderator

BenPleysier

Braniac

Instead of

<link href="file:///C|/Users/squea/AppData/Roaming/Adobe/Dreamweaver 2021/en_US/Configuration/Temp/Assets/eam737A.tmp/css/bootstrap-4.4.1.css" rel="stylesheet" type="text/css">

Try using

<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@4.6.0/dist/css/bootstrap.min.css" integrity="sha384-B0vP5xmATw1+K9KRQjQERJvTumQW0nPEzvF6L/Z6nronJ3oUOFUFpCjEUQouq2+l" crossorigin="anonymous" />

And instead of

<script src="file:///C|/Users/squea/AppData/Roaming/Adobe/Dreamweaver 2021/en_US/Configuration/Temp/Assets/eam737A.tmp/js/jquery-3.4.1.min.js"></script>
<script src="file:///C|/Users/squea/AppData/Roaming/Adobe/Dreamweaver 2021/en_US/Configuration/Temp/Assets/eam737A.tmp/js/popper.min.js"></script>
<script src="file:///C|/Users/squea/AppData/Roaming/Adobe/Dreamweaver 2021/en_US/Configuration/Temp/Assets/eam737A.tmp/js/bootstrap-4.4.1.js"></script>

Try using

<script src="https://cdn.jsdelivr.net/npm/popper.js@1.16.1/dist/umd/popper.min.js" integrity="sha384-9/reFTGAW83EW2RDu2S0VKaIzap3H66lZH81PoYlFhbGU+6BZp6G7niu735Sk7lN" crossorigin="anonymous"></script>
<script src="https://cdn.jsdelivr.net/npm/bootstrap@4.6.0/dist/js/bootstrap.min.js" integrity="sha384-+YQ4JLhjyBLPDQt//I+STsc9iw4uQqACwlvpslubQzn4u2UU2UFM80nGisd026JF" crossorigin="anonymous"></script>

As a side note: Why are you using the deprecated version 4 od Bootstrap? Use Version 5.3 instead!

Just noticed that this needs to be deleted:

<script src="file:///C|/Users/squea/AppData/Roaming/Adobe/Dreamweaver 2021/en_US/Configuration/Temp/Assets/eamC58F.tmp/js/jquery-3.4.1.min.js"></script>
<script src="file:///C|/Users/squea/AppData/Roaming/Adobe/Dreamweaver 2021/en_US/Configuration/Temp/Assets/eamC58F.tmp/js/popper.min.js"></script>
<script src="file:///C|/Users/squea/AppData/Roaming/Adobe/Dreamweaver 2021/en_US/Configuration/Temp/Assets/eamC58F.tmp/js/bootstrap-4.4.1.js"></script>
</div>

Wappler is the DMXzone-made Dreamweaver replacement and includes the best of their powerful extensions, as well as much more!

Sign up

To post, reply, or follow discussions, please sign in with your Adobe ID.

Sign in to Adobe Community

To post, reply, or follow discussions, please sign in with your Adobe ID.

Scanning file for viruses.

This file cannot be downloaded