7
Replies
When images are not inside the HTML code, it's possible they are contained in your CSS code as backgrounds.
Copy & paste this code into a new, blank document.
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>CSS Grid Test</title>
<meta name="viewport" content="width=device-width, initial-scale=1"><meta http-equiv="X-UA-Compatible" content="IE=edge">
<style>
.container {
display: grid;
grid-column-start: col 0;
grid-gap: 5px;
grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
grid-template-rows: repeat(auto-fit, 1fr);
}
.container img {
vertical-align: baseline;
max-width: 100%;
height: auto;
}
</style>
</head>
<body>
<div class="container">
<div> <img src="https://dummyimage.com/650x490>" alt="placeholder"></div>
<div> <img src="https://dummyimage.com/650x490>" alt="placeholder"></div>
<div> <img src="https://dummyimage.com/650x490>" alt="placeholder"></div>
<div> <img src="https://dummyimage.com/650x490>" alt="placeholder"></div>
<div> <img src="https://dummyimage.com/650x490>" alt="placeholder"></div>
<div> <img src="https://dummyimage.com/650x490>" alt="placeholder"></div>
<div> <img src="https://dummyimage.com/650x490>" alt="placeholder"></div>
<div> <img src="https://dummyimage.com/650x490>" alt="placeholder"></div>
<div> <img src="https://dummyimage.com/650x490>" alt="placeholder"></div>
</div>
</body>
</html>
Save above document as grid-test.html to your local site folder.
If you haven't defined a site yet, do so now by going to Site > New Site. Tell DW where your local site folder resides on your primary hard drive. Example, C:\MyTestSite\
Switch to Design View and double click on a placeholder image to change it.
Dear Nancy, thanks your your post went some way to resolving the issues. The images were in the css styles sheet. I still am unable to sort one
Not sure where in the code all this is but the the image is called cta-bg;
<div id="cta">
<div class="container">
<div class="row">
<div class="col-md-12">
<h4>Services</h4>
<p>What we do</p>
</div>
</div>
</div>
</div>
<div id="second-section">
<div class="heading">
<div class="container">
<div class="row">
<div class="col-md-12">
<h2>Our Regular Work</h2>
</div>
</div>
</div>
</div>
</div>
<div id="second-section2">
<div class="container">
<div class="row">
<div class="triangle"></div>
</div>
<div class="row">
<div class="col-md-12">
<section id="cd-timeline-2" class="cd-container">
<div class="cd-timeline-block">
<div class="cd-timeline-img cd-picture">
<img src="images/camera-icon.png" alt="Picture">
</div>
<div class="cd-timeline-content projects">
<img src="images/project-1.jpg" alt="">
<div class="project-content">
<h2>Ramadhan Program</h2>
<span>1997</span>
</div>
</div>
</div>
<div class="cd-timeline-block">
<div class="cd-timeline-img cd-picture">
<img src="images/camera-icon.png" alt="Picture">
</div>
<div class="cd-timeline-content projects">
<img src="images/project-2.jpg" alt="">
<div class="project-content">
<h2>Islamic Funeral Directors</h2>
<span>Since 1997</span>
</div>
</div>
</div>
<div class="cd-timeline-block">
<div class="cd-timeline-img cd-picture">
<img src="images/camera-icon.png" alt="Picture">
</div>
<div class="cd-timeline-content projects">
<img src="images/project-3.jpg" alt="">
<div class="project-content">
<h2>Madressa Rahimiyah</h2>
<span>Since 1977</span>
</div>
</div>
</div>
<div class="cd-timeline-block">
<div class="cd-timeline-img cd-picture">
<img src="images/camera-icon.png" alt="Picture">
</div>
<div class="cd-timeline-content projects">
<img src="images/project-4.jpg" alt="">
<div class="project-content">
<h2>Our Charity Work</h2>
<span>Since 1977</span>
</div>
</div>
</div>
<div class="cd-timeline-block">
<div class="cd-timeline-img cd-picture">
<img src="images/camera-icon.png" alt="Picture">
</div>
<div class="cd-timeline-content projects">
<img src="images/project-5.jpg" alt="">
<div class="project-content">
<h2>Community Sporting Events</h2>
<span>Since1977</span>
</div>
</div>
</div>
</section>
</div>
</div>
</div>
</div>
Also, I am getting this error; I don't want a map or anything so need to remove the code(s).
How do I remove it?
AdChoices