Skip to main content
carolyn@10541
carolyn@10541
Known Participant
December 31, 2016
Answered

Bootstrap Menu Question

  • December 31, 2016
  • 1 reply
  • 1123 views

I am working on an e-commerce website in Dreamweaver Bootstrap, and because many of the html files need to have the same name (ie: shirts - women.html, pants - women.html) I put these files inside a folder, however, I cannot find a way to get these files to show up when I upload. I get the 404 File Not Found error message. I have tried changing the name of the file (ie: shirtswomen.html & pantswomen.html) and that has not worked.

I would appreciate any thoughts & recommendations.

Happy New Year to everyone.

Carolyn

This topic has been closed for replies.
Correct answer osgood_

Hi Osgood nd anyone who can help me. I created folders for WOMEN, MEN etc and  re-saved the files in the particular folder. The link that works is as follows:

http://www.cjdesignandconsulting.com/Zunieast/Women/Moccasins.html

and below is the code. I have been unable to find information on how the "a href link should look in the code so that I can get the link above.

            <li class="dropdown"><a href="WOMEN.html" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-expanded="false">WOMEN<span class="caret"></span></a>

              <ul class="dropdown-menu" role="menu">

                <li class="active"><a href="WOMEN/Moccasins.html">Moccasins</a></li>

                <li><a href="WOMEN/Boots.html">Boots</a></li>

                <li><a href="WOMEN/Slippers.html">Slippers</a></li>

                <li><a href="WOMEN/Sandals.html">Sandals</a></li>

              </ul>

            </li>

Thanks.

Carolyn


Well that's where you have a problem.

Any file directly in the site root folder the links would be as below: (please use lower case letters rather than UPPERCASE, its ugly and annoying. Make sure your folder names are also lower case)

<li class="active"><a href="woman/moccasins.html">Moccasins</a></li>

<li><a href="woman/boots.html">Boots</a></li>

Any file within a folder in the site folder the links would be:

<li class="active"><a href="../woman/moccasins.html">Moccasins</a></li>

<li><a href="../woman/boots.html">Boots</a></li>

These days I tend to use absolute urls, in php include files, for links if I have a series of folders which contain files.

I thought DW managed the link for you to be honest but its a long time since I used the site file panel but I'm pretty sure it does.

If you create a file in the site root and then drag it into a folder in the site panel DW should give you a prompt to update the links and once they are updated they should look like the above with the ../ infront of them.

1 reply

carolyn@10541
carolyn@10541Author
Known Participant
December 31, 2016

Okay instead of the header being Moccasins.html & Boots.html, I changed the headers to be Women, Men, Children & Infants. The submenus are then WomenMoccasins, WomenBoots, etc and my links work from the home menu to WomenMoccasins and from the home menu to WomenBoots, however the link from WomenMoccasins.html to WomensBoots.html does not work. I would appreciate any recommendations.

Thank you.

Below is the code:

   <div class="navbar navbar-default navbar-fixed-top">

    <div class="container">

      <div class="navbar-header">

        <button button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar" aria-expanded="false" aria-controls="navbar">

                <span class="sr-only">Toggle navigation</span>

                <span class="icon-bar"></span>

                <span class="icon-bar"></span>

                <span class="icon-bar"></span>

        </button>

            <a class="navbar-brand" rel="home" href="IMAGES/logo.png" title="Company Logo">

            <img style="max-width:300px; margin-top: -7px;"

                     src="IMAGES/Morningstar2.png">

            </a>

      </div>  

        <div id="navbar" class="collapse navbar-collapse navbar-responsive-collapse">

            <ul class="nav navbar-nav">

    <li><a href="home.html" class="dropdown-toggle"  role="button" aria-expanded="false">HOME</a>

              <ul class="dropdown-menu" role="menu">

         </ul>

  </li>

            <li class="dropdown"><a href="Women.html" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-expanded="false">WOMEN<span class="caret"></span></a>

              <ul class="dropdown-menu" role="menu">

                <li class="active"><a href="WomenMoccasins.html">Moccasins</a></li>

                <li><a href="WomenBoots.html">Boots</a></li>

                <li><a href="WomenSlippers.html">Slipper</a></li>

                <li><a href="WomenSandals.html">Sandals</a></li>

              </ul>

            </li>

              <li class="active"><li class="dropdown"><a href="Moccasins/boots.html" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-expanded="false">BOOTS<span class="caret"></span></a>

              <ul class="dropdown-menu" role="menu">

                <li><a href="Moccasins/WomenandMensBoots.html">Women & Men</a></li>

                <li><a href="Moccasins/ChildrensBoots.html">Children</a></li>

                <li><a href="Moccasins/InfantsBoots.html">Infants</a></li>

                <li class="divider"></li>

                <li><a href="Moccasins/Winter.html">Winter</a></li>

              </ul>

            </li>

               <li class="dropdown"><a href="Moccasins/slippers.html" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-expanded="false">SLIPPERS<span class="caret"></span></a>

              <ul class="dropdown-menu" role="menu">

                <li><a href="Moccasins/WomenandMensSlippers.html">Women & Men</a></li>

                <li><a href="Moccasins/ChildrensSlippersandBoots.html">Children</a></li>

                <li><a href="Moccasins/InfantsSlippers.html">Infants</a></li>

              </ul>

            </li>

               <li class="dropdown"><a href="Moccasins/sandals.html" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-expanded="false">SANDALS<span class="caret"></span></a>

              <ul class="dropdown-menu" role="menu">

                <li><a href="Moccasins/WomensSandals.html">Women</a></li>

                <li><a href="Moccasins/MensSandals.html">Men</a></li>

                <li><a href="Moccasins/ChildrensSandals.html">Children</a></li>

                <li><a href="Moccasins/InfantsSandals.html">Infants</a></li>

              </ul>

            </li>

    <li><a href="Moccasins/contact.html" class="dropdown-toggle"  role="button" aria-expanded="false">CONTACT</a>

              <ul class="dropdown-menu" role="menu">

         </ul>

  </li>

</li></ul><br /><br />

  <form class="navbar-form navbar-right" role="search">

        <div class="form-group">

          <input type="text" class="form-control" placeholder="Search">

   </div>

        <button type="submit" class="btn btn-default">Submit</button>

      </form>

        <!-- /.navbar-collapse -->

      <!-- /.container-fluid -->

   </div>

    </div>

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

<link rel="stylesheet" href="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css">

<body style="padding-top: 20px">

  <div class="container-fluid">

<br /><br /><br /><br />

<div class="container">

<div class="row">

            <div class="col-lg-12">

              <h3 class="page-header">Women Moccasins</h3>

            </div>

<div class="container">

  <div class="row text-center">

    <div class="col-sm-4 col-md-4 col-lg-4 col-xs-6">

      <div class="thumbnail"> <a href="Moccasins/IMAGES/venetianslipon.png"></a><img src="Moccasins/IMAGES/venetianslipon.png" alt="Thumbnail Image 1" class="img-responsive">

        <div class="caption">

          <h3>Product Name</h3>

          <p>Lorem ipsum dolor sit amet, consectetur adipisicing.</p>

          <p><a href="#" class="btn btn-primary" role="button"><span class="glyphicon glyphicon-shopping-cart" aria-hidden="true"></span> Add to Cart</a> </p>

        </div>

      </div>

    </div>

    <div class="col-sm-4 col-md-4 col-lg-4 col-xs-6">

      <div class="thumbnail"> <a href="Moccasins/IMAGES/ThunderbirdSoftsole.png"><img src="Moccasins/IMAGES/StreetMoc copy.png" alt="Thumbnail Image 1" class="img-responsive"></a>

        <div class="caption">

          <h3>Product Name</h3>

          <p>Lorem ipsum dolor sit amet, consectetur adipisicing.</p>

          <p><a href="#" class="btn btn-primary" role="button"><span class="glyphicon glyphicon-shopping-cart" aria-hidden="true"></span> Add to Cart</a> </p>

        </div>

      </div>

    </div>

    <div class="col-sm-4 col-md-4 col-lg-4 col-xs-6">

      <div class="thumbnail"> <a href="Moccasins/IMAGES/mensmoc5.png"><img src="Moccasins/IMAGES/mensmoc5.png" alt="Thumbnail Image 1" class="img-responsive"></a>

        <div class="caption">

          <h3>Product Name</h3>

          <p>Lorem ipsum dolor sit amet, consectetur adipisicing.</p>

          <p><a href="#" class="btn btn-primary" role="button"><span class="glyphicon glyphicon-shopping-cart" aria-hidden="true"></span> Add to Cart</a> </p>

        </div>

      </div>

    </div>

    <div class="col-sm-4 col-md-4 col-lg-4 col-xs-6 hidden-lg hidden-md hidden-sm">

      <div class="thumbnail"> <img src="file:///Macintosh HD/Users/carolynjosephs/Library/Application Support/Adobe/Dreamweaver CC 2017/en_US/Configuration/Temp/Assets/eam7231135d.TMP/images/400X200.gif" alt="Thumbnail Image 1" class="img-responsive">

        <div class="caption">

          <h3>Product</h3>

          <p>Lorem ipsum dolor sit amet, consectetur adipisicing.</p>

          <p><a href="#" class="btn btn-primary" role="button"><span class="glyphicon glyphicon-shopping-cart" aria-hidden="true"></span> Add to Cart</a></p>

        </div>

      </div>

    </div>

  </div>

  <div class="row text-center hidden-xs">

    <div class="col-xs-4 col-sm-4 col-md-4 col-lg-4">

      <div class="thumbnail"> <a href="Moccasins/IMAGES/mensmoc4.png"><img src="Moccasins/IMAGES/mensmoc4.png" alt="Thumbnail Image 1" class="img-responsive"></a>

        <div class="caption">

          <h3>Product Name</h3>

          <p>Lorem ipsum dolor sit amet, consectetur adipisicing.</p>

          <p><a href="#" class="btn btn-primary" role="button"><span class="glyphicon glyphicon-shopping-cart" aria-hidden="true"></span> Add to Cart</a> </p>

        </div>

      </div>

    </div>

    <div class="col-xs-4 col-sm-4 col-md-4 col-lg-4">

      <div class="thumbnail"> <a href="Moccasins/IMAGES/mensmoc3.png"><img src="Moccasins/IMAGES/mensmoc3.png" alt="Thumbnail Image 1" class="img-responsive"></a>

        <div class="caption">

          <h3>Product Name</h3>

          <p>Lorem ipsum dolor sit amet, consectetur adipisicing.</p>

          <p><a href="#" class="btn btn-primary" role="button"><span class="glyphicon glyphicon-shopping-cart" aria-hidden="true"></span> Add to Cart</a> </p>

        </div>

      </div>

    </div>

    <div class="col-xs-4 col-sm-4 col-md-4 col-lg-4">

      <div class="thumbnail"> <a href="Moccasins/IMAGES/mensmoc2.png"><img src="Moccasins/IMAGES/mensmoc2.png" alt="Thumbnail Image 1" class="img-responsive"></a>

        <div class="caption">

          <h3>Product Name</h3>

          <p>Lorem ipsum dolor sit amet, consectetur adipisicing.</p>

          <p><a href="#" class="btn btn-primary" role="button"><span class="glyphicon glyphicon-shopping-cart" aria-hidden="true"></span> Add to Cart</a> </p>

        </div>

      </div>

    </div>

  <nav class="text-center">

    <!-- Add class .pagination-lg for larger blocks or .pagination-sm for smaller blocks-->

    <ul class="pagination">

      <li> <a href="#" aria-label="Previous"> <span aria-hidden="true">&laquo;</span> </a> </li>

      <li class="active"><a href="#">1</a></li>

      <li><a href="#">2</a></li>

      <li><a href="#">3</a></li>

      <li><a href="#">4</a></li>

      <li class="disabled"><a href="#">5</a></li>

      <li> <a href="#" aria-label="Next"> <span aria-hidden="true">&raquo;</span> </a> </li>

    </ul>

  </nav>

</div>

<hr>

<h2 class="text-center">RECOMMENDED PRODUCTS</h2>

<hr>

<div class="container">

  <div class="row text-center">

    <div class="col-sm-4 col-md-4 col-lg-4 col-xs-6">

      <div class="thumbnail"> <a href="file:///Macintosh HD/ZUNIEAST/Users/carolynjosephs/Desktop/Zunieast/IMAGES/Beadedkiltymoc.png"><img src="file:///Macintosh HD/ZUNIEAST/Users/carolynjosephs/Desktop/Zunieast/IMAGES/Beadedkiltymoc.png" alt="Thumbnail Image 1" class="img-responsive"></a>

        <div class="caption">

          <h3>Product</h3>

          <p>Lorem ipsum dolor sit amet, consectetur adipisicing.</p>

          <p><a href="#" class="btn btn-primary" role="button"><span class="glyphicon glyphicon-shopping-cart" aria-hidden="true"></span> Add to Cart</a></p>

        </div>

      </div>

    </div>

    <div class="col-sm-4 col-md-4 col-lg-4 col-xs-6">

      <div class="thumbnail"> <a href="file:///Macintosh HD/ZUNIEAST/Users/carolynjosephs/Desktop/Zunieast/IMAGES/DeerskinDrivingMoc.png"><img src="file:///Macintosh HD/ZUNIEAST/Users/carolynjosephs/Desktop/Zunieast/IMAGES/DeerskinDrivingMoc.png" alt="Thumbnail Image 1" class="img-responsive"></a>

        <div class="caption">

          <h3>Product</h3>

          <p>Lorem ipsum dolor sit amet, consectetur adipisicing.</p>

          <p><a href="#" class="btn btn-primary" role="button"><span class="glyphicon glyphicon-shopping-cart" aria-hidden="true"></span> Add to Cart</a> </p>

        </div>

      </div>

    </div>

    <div class="col-sm-4 col-md-4 col-lg-4 col-xs-6">

      <div class="thumbnail"> <a href="file:///Macintosh HD/ZUNIEAST/Users/carolynjosephs/Desktop/Zunieast/IMAGES/BeadedAnkleBoot.png"><img src="file:///Macintosh HD/ZUNIEAST/Users/carolynjosephs/Desktop/Zunieast/IMAGES/BeadedAnkleBoot.png" alt="Thumbnail Image 1" class="img-responsive"></a>

        <div class="caption">

          <h3>Product</h3>

          <p>Lorem ipsum dolor sit amet, consectetur adipisicing.</p>

          <p><a href="#" class="btn btn-primary" role="button"><span class="glyphicon glyphicon-shopping-cart" aria-hidden="true"></span> Add to Cart</a> </p>

        </div>

      </div>

    </div>

    <div class="col-sm-4 col-md-4 col-lg-4 col-xs-6 hidden-lg hidden-md hidden-sm">

      <div class="thumbnail"> <img src="file:///Macintosh HD/Users/carolynjosephs/Library/Application Support/Adobe/Dreamweaver CC 2017/en_US/Configuration/Temp/Assets/eam3a1aa633.TMP/images/400X200.gif" alt="Thumbnail Image 1" class="img-responsive">

        <div class="caption">

          <h3>Product</h3>

          <p>Lorem ipsum dolor sit amet, consectetur adipisicing.</p>

          <p><a href="#" class="btn btn-primary" role="button"><span class="glyphicon glyphicon-shopping-cart" aria-hidden="true"></span> Add to Cart</a></p>

        </div>

      </div>

    </div>

  </div>

  <div class="row text-center hidden-xs">

    <div class="col-xs-4 col-sm-4 col-md-4 col-lg-4">

      <div class="thumbnail"> <a href="file:///Macintosh HD/ZUNIEAST/Users/carolynjosephs/Desktop/Zunieast/IMAGES/ClassicFringeBoot.png"><img src="file:///Macintosh HD/ZUNIEAST/Users/carolynjosephs/Desktop/Zunieast/IMAGES/ClassicFringeBoot.png" alt="Thumbnail Image 1" class="img-responsive"></a>

        <div class="caption">

          <h3>Product</h3>

          <p>Lorem ipsum dolor sit amet, consectetur adipisicing.</p>

          <p><a href="#" class="btn btn-primary" role="button"><span class="glyphicon glyphicon-shopping-cart" aria-hidden="true"></span> Add to Cart</a> </p>

        </div>

      </div>

    </div>

    <div class="col-xs-4 col-sm-4 col-md-4 col-lg-4">

      <div class="thumbnail"> <a href="file:///Macintosh HD/ZUNIEAST/Users/carolynjosephs/Desktop/Zunieast/IMAGES/HiTopBackZipBoot.png"><img src="file:///Macintosh HD/ZUNIEAST/Users/carolynjosephs/Desktop/Zunieast/IMAGES/BoatMoc.png" alt="Thumbnail Image 1" class="img-responsive"></a>

        <div class="caption">

          <h3>Product</h3>

          <p>Lorem ipsum dolor sit amet, consectetur adipisicing.</p>

          <p><a href="#" class="btn btn-primary" role="button"><span class="glyphicon glyphicon-shopping-cart" aria-hidden="true"></span> Add to Cart</a> </p>

        </div>

      </div>

    </div>

    <div class="col-xs-4 col-sm-4 col-md-4 col-lg-4">

      <div class="thumbnail"> <a href="file:///Macintosh HD/ZUNIEAST/Users/carolynjosephs/Desktop/Zunieast/IMAGES/Deerskin-Soft-t.png"><img src="file:///Macintosh HD/ZUNIEAST/Users/carolynjosephs/Desktop/Zunieast/IMAGES/Deerskin-Soft-t.png" alt="Thumbnail Image 1" class="img-responsive"></a>

        <div class="caption">

          <h3>Product</h3>

          <p>Lorem ipsum dolor sit amet, consectetur adipisicing.</p>

          <p><a href="#" class="btn btn-primary" role="button"><span class="glyphicon glyphicon-shopping-cart" aria-hidden="true"></span> Add to Cart</a> </p>

        </div>

      </div>

    </div>

  </div>

  <nav class="text-center">

    <!-- Add class .pagination-lg for larger blocks or .pagination-sm for smaller blocks-->

    <ul class="pagination">

      <li> <a href="#" aria-label="Previous"> <span aria-hidden="true">&laquo;</span> </a> </li>

      <li class="active"><a href="#">1</a></li>

      <li><a href="#">2</a></li>

      <li><a href="#">3</a></li>

      <li><a href="#">4</a></li>

      <li class="disabled"><a href="#">5</a></li>

      <li> <a href="#" aria-label="Next"> <span aria-hidden="true">&raquo;</span> </a> </li>

    </ul>

  </nav>

</div>

<hr>

<h2 class="text-center">FEATURED PRODUCTS</h2>

<hr>

<div class="container">

  <div class="row">

    <div class="col-lg-4 col-md-6">

      <div class="media-object-default">

        <div class="media">

          <div class="media-left"> <a href="#"> <img class="media-object" src="file:///Macintosh HD/ZUNIEAST/Users/carolynjosephs/Desktop/Zunieast/IMAGES/Smoothleathermoc.png" alt="placeholder image"> </a> </div>

          <div class="media-body">

            <h4 class="media-heading">Product</h4>

            Lorem ipsum dolor sit amet, consectetur adipisicing elit. Facilis, vitae doloremque voluptatum doloribus neque assumenda velit sapiente quas aliquam ratione. Sed possimus corporis dolorum optio eaque in asperiores soluta expedita! </div>

        </div>

        <div class="media">

          <div class="media-left"> <a href="file:///Macintosh HD/ZUNIEAST/Users/carolynjosephs/Desktop/Zunieast/IMAGES/SheepskinHardsoleMoccasin.png"> <img class="media-object" src="file:///Macintosh HD/ZUNIEAST/Users/carolynjosephs/Desktop/Zunieast/IMAGES/SheepskinHardoleMoccasin.png" alt="placeholder image"> </a> </div>

          <div class="media-body">

            <h4 class="media-heading">Product</h4>

            Lorem ipsum dolor sit amet, consectetur adipisicing elit. Velit, quasi doloribus non repellendus quae aperiam. Quos, eligendi itaque soluta ut dignissimos reprehenderit commodi laboriosam quis atque minus enim magnam delectus.</div>

        </div>

        <div class="media">

          <div class="media-left"> <a href="Moccasins/IMAGES/SmoothLeatherMoc.jpg"> <img class="media-object" src="file:///Macintosh HD/ZUNIEAST/Users/carolynjosephs/Desktop/Zunieast/IMAGES/Smoothleathermoc.png" alt="placeholder image"></a></div>

          <div class="media-body">

            <h4 class="media-heading">Product</h4>

            Lorem ipsum dolor sit amet, consectetur adipisicing elit. Temporibus, repellendus, ad, adipisci neque earum culpa magnam veritatis ipsum dolores odio laboriosam sed veniam accusamus! Architecto, provident nulla recusandae repellendus illo!</div>

        </div>

      </div>

    </div>

    <hr class="hidden-md hidden-lg">

    <div class="col-lg-4 col-md-6">

      <div class="media-object-default">

        <div class="media">

          <div class="media-left"> <a href="Moccasins/IMAGES/StuddedMoc.png"> <img class="media-object" src="file:///Macintosh HD/ZUNIEAST/Users/carolynjosephs/Desktop/Zunieast/IMAGES/StuddedMoc.png" alt="placeholder image"></a></div>

          <div class="media-body">

            <h4 class="media-heading">Product</h4>

            Lorem ipsum dolor sit amet, consectetur adipisicing elit. Sit, eos, et in quam laboriosam ipsum laudantium laborum provident nihil modi reprehenderit tempora voluptatum quasi non libero quaerat vel. Assumenda, officiis?</div>

        </div>

        <div class="media">

          <div class="media-left"> <a href="Moccasins/IMAGES/MensSheepskinSoftsoleMoccasin.png"> <img class="media-object" src="file:///Macintosh HD/ZUNIEAST/Users/carolynjosephs/Desktop/Zunieast/IMAGES/MensSheepskinSoftsoleMoccasin.png" alt="placeholder image"></a></div>

          <div class="media-body">

            <h4 class="media-heading">Product</h4>

          Lorem ipsum dolor sit amet, consectetur adipisicing elit. Sit, eos, et in quam laboriosam ipsum laudantium laborum provident nihil modi reprehenderit tempora voluptatum quasi non libero quaerat vel. Assumenda, officiis?</div>

        </div>

        <div class="media">

          <div class="media-left"> <a href="Moccasins/IMAGES/WomensPileLinedHardsole.png"> <img class="media-object" src="file:///Macintosh HD/ZUNIEAST/Users/carolynjosephs/Desktop/Zunieast/IMAGES/WomensPileLinedHardsole.png" alt="placeholder image"></a></div>

          <div class="media-body">

            <h4 class="media-heading">Product</h4>

            Lorem ipsum dolor sit amet, consectetur adipisicing elit. Optio, ducimus quidem aliquam voluptate quas impedit modi neque quasi deleniti dicta. Dolore, provident, unde voluptas dicta fugit odit maxime eius minus!</div>

        </div>

      </div>

    </div>

    <hr class="hidden-lg">

    <div class="col-lg-4 col-md-12 hidden-md">

      <div class="media-object-default">

        <div class="media">

          <div class="media-left"> <a href="#"> <img class="media-object" src="file:///Macintosh HD/ZUNIEAST/Users/carolynjosephs/Desktop/Zunieast/IMAGES/SuedeSkimmerMoc.png" alt="placeholder image"></a></div>

          <div class="media-body">

            <h4 class="media-heading">Media heading 1</h4>

            Lorem ipsum dolor sit amet, consectetur adipisicing elit. Porro dolorum reprehenderit vitae omnis. Quidem, recusandae, magni ut perspiciatis nobis consequuntur ullam molestias molestiae obcaecati ea labore aspernatur modi. Impedit, fugit!</div>

        </div>

        <div class="media">

          <div class="media-left"> <a href="#"> <img class="media-object" src="file:///Macintosh HD/ZUNIEAST/Users/carolynjosephs/Desktop/Zunieast/IMAGES/DrivingMoc.png" alt="placeholder image"></a></div>

          <div class="media-body">

            <h4 class="media-heading">Media heading 1</h4>

          Lorem ipsum dolor sit amet, consectetur adipisicing elit. Porro dolorum reprehenderit vitae omnis. Quidem, recusandae, magni ut perspiciatis nobis consequuntur ullam molestias molestiae obcaecati ea labore aspernatur modi. Impedit, fugit!</div>

        </div>

        <div class="media">

          <div class="media-left"> <a href="Moccasins/IMAGES/SuedeSkimmerMoc.png"> <img class="media-object" src="file:///Macintosh HD/ZUNIEAST/Users/carolynjosephs/Desktop/Zunieast/IMAGES/SuedeSkimmerMoc.png" alt="placeholder image"></a></div>

          <div class="media-body">

            <h4 class="media-heading">Media heading 2</h4>

            Lorem ipsum dolor sit amet, consectetur adipisicing elit. Totam, cumque, ad voluptatibus vel perspiciatis reprehenderit magni in recusandae voluptatum iusto commodi laudantium veritatis esse labore nisi error tempora debitis impedit.</div>

        </div>

      </div>

    </div>

  </div>

</div>

<hr>

  <div class="container well">

    <div class="row">

      <div class="col-xs-6 col-sm-6 col-md-6 col-lg-7">

        <div class="row">

          <div class="col-sm-4 col-md-4 col-lg-4 col-xs-6">

            <div>

              <ul class="list-unstyled">

                <li><a href="http://www.cjdesignandconsulting.com">http:/www.cjdesignandconsulting.com/</a></li>

                <li><a href="http://www.zunieast.com">http:/www.zunieast.com/</a></li>

                <li> <a></a> </li>

                <li> <a></a> </li>

                <li> <a></a> </li>

              </ul>

            </div>

          </div>

          <div class="col-sm-4 col-md-4 col-lg-4  col-xs-6">

            <div>

              <ul class="list-unstyled">

                <li> <a></a> </li>

                <li> <a></a> </li>

                <li> <a></a> </li>

                <li> <a></a> </li>

                <li> <a></a> </li>

              </ul>

            </div>

          </div>

          <div class="col-sm-4 col-md-4 col-lg-4 col-xs-6">

            <div>

              <ul class="list-unstyled">

                <li> <a></a> </li>

                <li> <a></a> </li>

                <li> <a></a> </li>

                <li> <a></a> </li>

                <li> <a></a> </li>

              </ul>

            </div>

          </div>

        </div>

      </div>

      <div class="col-xs-6 col-sm-6 col-md-6 col-lg-5">

        <address>

        <strong>Morningstar Trading</strong><br>

        2 Old Route 6<br>

        Brewster, NY 10509<br>

        <abbr title="Phone">P:</abbr> (123) 456-7890

      </address>

        <address>

        <strong>Ed Kenney</strong><br>

        <a href="mailto:#">ed@zunieast.com</a>

        </address>

        </div>

    </div>

  </div>

<footer class="text-center">

  <div class="container">

    <div class="row">

      <div class="col-xs-12">

        <p>Copyright © 2017 CJ Design & Consulting. All rights reserved.</p>

      </div>

    </div>

  </div>

</footer>

<!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->

<script src="Moccasins/js/jquery-1.11.3.min.js"></script>

<!-- Include all compiled plugins (below), or include individual files as needed -->

<script src="Moccasins/js/bootstrap.js"></script>

  </div></div></div></div></body></body></html>

O
osgood_
Legend
December 31, 2016

You say in your first post you put your files inside a 'folder'. Did you move these files into the folder AFTER they were created. If you moved these files into a folder after they were created in another location within your websites files/folder structure and you did not move them using the site files panel in Dreamweaver you would have broken the links.

If you are getting a 404 error then look at the url link in the browsers url bar. Is the file where that link says it is in relation to your wesbite files/folder structure?

Plus your images are not linked correctly:

file:///Macintosh HD/ZUNIEAST/Users/carolynjosephs/Desktop/Zunieast/IMAGES/StuddedMoc.png

carolyn@10541
carolyn@10541Author
Known Participant
December 31, 2016

Thank you Osgood. I did move the files into the folder AFTER they were created and did not move them using the site files panel in Dreamweaver. That would explain the issues. I wonder if you could direct me to where I can see the steps to doing so or is it a matter of simply clicking and dragging to move the files into the folder after creating the folder. In addition, how do I create a new folder in the site files panel in Dreamweaver?

Happy Holidays

Carolyn

Firefly Community Gallery
Adobe Firefly

Remix with Firefly Community Gallery

Thousands of free creations to fall in love with and remix in Firefly.

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