Copy link to clipboard
Copied
Hello,
I am using dreamweaver cc and cant get my carousel to work properly. Everytime I update links it has 1., 2., 3. above my images and nothing moves. Here is my code:
<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link href="file:///Untitled/Users/janettetheartiste/Library/Application Support/Adobe/Dreamweaver CC 2018/en_US/Configuration/Temp/Assets/eam2c1ad9f7.TMP/css/bootstrap-4.0.0.css" rel="stylesheet" type="text/css">
<script type="text/javascript" src="js/jquery-3.3.1 (1).js"></script>
<script type="text/javascript" src="js/jquery.cycle.all.js"></script>
<link href="css/styles.css" rel="stylesheet" type="text/css" media="screen" />
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<meta http-equiv="Content-Type" content="cache" />
<meta name="robots" content="INDEX,FOLLOW" />
<meta name="keywords" content="Enter keywords" />
<meta name="DESCRIPTION" content="">
<br>
<div id="wrapper">
<div id="company-logo">
<img src="images/logo.png" width="164" height="136" />
</div>
<div id="social-media-icons">
<ul>
<li><img src="images/icons/if_facebook_2308066.png" /></li>
<li><img src="images/icons/if_linkedin_2308061.png" /></li>
</ul>
</div>
<div id="topnav">
<ul>
<li><a href="index.html">HOME</a></li>
<li><a href="about.html">ABOUT</a></li>
<li><a href="repairandupgrade.html">SERVICES</a></li>
<li><a href="shop.html">SHOP</a></li>
<li><a href="contact.html">CONTACT</a></li>
</ul>
</div>
<div id="carouselExampleIndicators1" class="carousel slide" data-ride="carousel" style="background-color: grey">
<ol class="carousel-indicators">
<li data-target="#carouselExampleIndicators1" data-slide-to="0" class="active"></li>
<li data-target="#carouselExampleIndicators1" data-slide-to="1"></li>
<li data-target="#carouselExampleIndicators1" data-slide-to="2"></li>
</ol>
<div class="carousel-inner" role="listbox">
<div class="carousel-item active"> <img class="d-block mx-auto" src="images/banner/jeshoots-com-523925-unsplash.jpg" width="850" height="567" alt="First Slide"/>
<div class="carousel-caption">
<h5>Deadline? Computer on the fritz?</h5>
<p>Call 2 Hands and a Mouse</p>
</div>
</div>
<div class="carousel-item"> <img class="d-block mx-auto" alt="Second slide"><img src="images/banner/man-1246277_1920.jpg" width="850" height="568" alt=""/>
<div class="carousel-caption">
<h5>Don't let the stress of a broken computer get you down!</h5>
<p>Call 2 Hands and a Mouse</p>
</div>
</div>
<div class="carousel-item"> <img class="d-block mx-auto" alt="Third slide"><img src="images/banner/woman-1733891_1920.jpg" width="850" height="322" alt=""/>
<div class="carousel-caption">
<h5>Third slide Heading</h5>
<p>Third slide Caption</p>
</div>
</div>
</div>
<a class="carousel-control-prev" href="#carouselExampleIndicators1" role="button" data-slide="prev"> <span class="carousel-control-prev-icon" aria-hidden="true"></span> <span class="sr-only">Previous</span> </a> <a class="carousel-control-next" href="#carouselExampleIndicators1" role="button" data-slide="next"> <span class="carousel-control-next-icon" aria-hidden="true"></span> <span class="sr-only">Next</span> </a> </div>
<div id="content">
<h1>Welcome to 2 Hands and a Mouse</h1>
<p>We repair and diagnose Mac laptops as well as PC laptops. Diagnosis of laptops in 48 hour or less.
We now repair and troubleshoot printers.</p>
<img src="images/desktop.jpg" width="280" height="187" alt=""/>
<img src="images/laptop.jpg" width="280" height="180" alt=""/>
<p>We specialize in PC/Mac desktop computers for diagnosis, upgrade and repair. We will personally analyse your computer in less than 24 hours. </p>
</div>
<div id "rightside">
<h2>Call Us</h2>
<p>678-886-2529 or 678-886-3723</p>
<h3>Email Us</h3>
<p>2handsandamouse@gmail.com or Janettetheartiste@icloud.com</p>
<!-- TemplateEndEditable --></div>
<div id="footer">
<p>Copyright 2018 - 2 Hands and a Mouse /Photo by Thomas Quaritsch</p>
<p>Photo by JESHOOTS.COM on Unsplash</p>
<div>Logo made with <a href="https://www.designevo.com/en/" title="Free Online Logo Maker">DesignEvo</a></div>
</div>
</div>
</div>
<!-- Google Antalytics Code Goes Below Here -->
<!-- End Google Antalytics Code -->
<script src="file:///Untitled/Users/janettetheartiste/Library/Application Support/Adobe/Dreamweaver CC 2018/en_US/Configuration/Temp/Assets/eam2c1ad9f7.TMP/js/popper.min.js"></script>
<script src="file:///Untitled/Users/janettetheartiste/Library/Application Support/Adobe/Dreamweaver CC 2018/en_US/Configuration/Temp/Assets/eam2c1ad9f7.TMP/js/bootstrap-4.0.0.js"></script>
</body>
</html>
None of your css or js file links are correct:
<link href="file:///Untitled/Users/janettetheartiste/Library/Application Support/Adobe/Dreamweaver CC 2018/en_US/Configuration/Temp/Assets/eam2c1ad9f7.TMP/css/bootstrap-4.0.0.css" rel="stylesheet" type="text/css">
<script type="text/javascript" src="js/jquery-3.3.1 (1).js"></script>
<script src="file:///Untitled/Users/janettetheartiste/Library/Application Support/Adobe/Dreamweaver CC 2018/en_US/Configuration/Temp/Assets/eam2c1ad9f7.TMP/js/popper.min.js
...Copy link to clipboard
Copied
None of your css or js file links are correct:
<link href="file:///Untitled/Users/janettetheartiste/Library/Application Support/Adobe/Dreamweaver CC 2018/en_US/Configuration/Temp/Assets/eam2c1ad9f7.TMP/css/bootstrap-4.0.0.css" rel="stylesheet" type="text/css">
<script type="text/javascript" src="js/jquery-3.3.1 (1).js"></script>
<script src="file:///Untitled/Users/janettetheartiste/Library/Application Support/Adobe/Dreamweaver CC 2018/en_US/Configuration/Temp/Assets/eam2c1ad9f7.TMP/js/popper.min.js"></script>
<script src="file:///Untitled/Users/janettetheartiste/Library/Application Support/Adobe/Dreamweaver CC 2018/en_US/Configuration/Temp/Assets/eam2c1ad9f7.TMP/js/bootstrap-4.0.0.js"></script>
They should be more like below, where you have a css folder in your site-folder and a js folder in your site-folder:
<link href="css/bootstrap-4.0.0.css" rel="stylesheet" type="text/css">
<script type="text/javascript" src="js/jquery-3.3.1 (1).js"></script>
<script src="js/popper.min.js"></script>
<script src="js/bootstrap-4.0.0.js"></script>
Also I have no idea how you managed to get a link like below with the (1):
<script type="text/javascript" src="js/jquery-3.3.1 (1).js"></script>
It should be more like below where the name of the file in your js folder is jquery-3.3.1.js
<script type="text/javascript" src="js/jquery-3.3.1.js"></script>
Try moving the css folder and js folder to where they should be, inside your site-folder and see if that resolves your issue
Copy link to clipboard
Copied
#1 you must work in a defined local site folder. For example, C:\myTestSite\
#2 you must save your doccument before you add componenets. DW will then resolve asset paths for you.