properly referencing files

I'm having trouble referencing the correct files in my c9 project:

  1. The first issue is with a picture I want to reference.

This is what my current code looks like: 

<img src="pic1.jpg" class="d-block w-100" alt="...">
. Here is my folder structure

https://i.sstatic.net/m0k4j.png

  1. The second issue is with jquery.

This is what my code currently looks like: 

<link rel="stylesheet" type="text/css" href="/js/jquery.js">
. Here is my folder structure:

https://i.sstatic.net/ve4DW.png

Any advice on how to resolve these issues would be greatly appreciated!

csshtmlbootstrap-4cloud9

Answer №1

If you drag your image into the search bar, it will provide you with the necessary information. I hope this tip proves useful to you in some capacity.

  • Michael

Similar questions

If you have not found the answer to your question or you are interested in this topic, then look at other similar questions below or use the search

numerous requirements for formatting utilizing Css modules

Can someone help me figure out how to set multiple conditions using a ternary operator to style an element with Css modules? I'm struggling to find the right syntax. Is it even possible? import style from './styles.module.sass' const Slider ...

cssreactjsnext.jsjsxcss-modules

Opera bug causing issues with Bootstrap's :active list item styling

Lately, I've been delving into Bootstrap and have come across an issue while using Opera. Upon the webpage loading, the navbar should display a list structured as follows: <li class="hidden active"> <li class="page-scroll"> <li class=" ...

csstwitter-bootstrap

Ways to verify the header (h1, h2, h3) attribute of a DOM element

In JavaScript or jQuery, I have a reference to a link. How can I determine if it is an <h1>, <h2>, or another type of heading element? ...

javascriptjqueryhtmldom

Uploading Blobs using JavaScript and FormData

Currently, I'm encountering an issue with uploading a blob generated in JavaScript to my server. The main concept involves a user uploading an image, which is then center cropped and downsampled using JavaScript before being transmitted. Although the ...

ajaxhtmlfile-uploadxmlhttprequestmultipartform-data

What is the best way to center align an element vertically in my specific situation

Struggling to vertically align elements within a div? Here's a snippet of code that might help: Here's a sample of what you might have: html <div class="test"> <a href="#"><img src="test.png"/></a> <a href="# ...

htmlcss

The percentage of occurrences for each result with the specific id

In my database, I have a table that looks like this: Currently, in my PHP code, I am performing a SUM operation like this: function calculate_percentage() { $sql = "SELECT (sum(distance))/(25000)*(100) as totaldistance1 FROM axle WHERE train_id = ...

phphtmlfor-loopmysqlisum

Verify if the button is assigned a specific class, then generate a 'completed' div

I'm new to working with Jquery and I have a question. In my upload form, when something is uploaded the upload-button changes class from: <a class="upload-button upload buy" id="upload-button"><span>Upload a document</span></a> ...

javascriptjqueryvalidationhtml

Is there a way to transfer controller scope to a partial HTML file?

Welcome to my HTML setup <div ng-controller="filterController"> <div class="quick-view" id="quickview" data-toggle="modal" data-target="#modal-bar" ng-click="quickView(quickview)"><i class="fa fa-eye"& ...

htmlangularjsajax

ASP.NET Core MVC: Issue with Passing C# Razor Variable to HTML Tag

GitHub Repo: https://github.com/shadowwolf123987/Gun-Identification-App I'm currently facing an issue in passing the values of two C# variables from the code block defined in my view to the corresponding html tags within the same view. Unfortunately, ...

c#htmlasp.net-core-mvc

variance in efficiency when retrieving a DOM element

While this may not make much of a difference for smaller, simpler DOM elements, the performance impact could be significant when dealing with larger, more complex ones. Is there a noticeable performance gap between storing an element in a variable and cons ...

javascriptjqueryhtmldom

Traversing through an array and populating a dropdown menu in Angular

Alright, here's the scoop on my dataset: people = [ { name: "Bob", age: "27", occupation: "Painter" }, { name: "Barry", age: "35", occupation: "Shop Assistant" }, { name: "Marvin", a ...

javascripthtmlangulartypescript

Are max-width:auto and max-width:100% the same thing?

Does max-width set to auto have the same result as setting max-width to 100% If not, what is the distinction between them? ...

htmlcss

ng-bootstrap dropdown menu not responding to click events

I recently implemented a button dropdown menu, which I directly borrowed from this ng-bootstrap example. Although the dropdown functionality is working fine, I encountered an issue when trying to add a click handler to the dropdown buttons. Despite my eff ...

angularbootstrap-4ng-bootstrap

Inject customized CSS following third-party plugin stylesheets in WordPress

I am currently exploring methods to incorporate a custom.css file after the loading of a third-party plugin. I am familiar with registering and enqueueing CSS files in functions.php. Is it possible to establish a dependency for the stylesheets of the thi ...

csswordpress

How can I show two unique chart modals simultaneously?

Below is the chart that I am currently working on: https://i.stack.imgur.com/bHSj6.png While I am able to display the charts separately, I am encountering difficulties when trying to display both of them on the same chart line. <!DOCTYPE html> < ...

htmlcsscanvascharts

Tips for creating a customized dropdown menu that opens upwards without relying on Bootstrap

Looking for some assistance with creating an animated dropdown menu that slides upwards. Any help is appreciated! $('.need-help').click(function() { $('.need_help_dropdown').slideToggle(); }); .need-help { background:url(../im ...

javascriptjqueryhtmlcss

Tips for extracting text content that is not within an HTML element

Looking to extract data from this particular webpage: The information I'm interested in scraping includes Product Sku, Price, and List Price. I've successfully scraped the Price but I'm encountering issues with the other two, particularly t ...

pythonhtmlweb-scrapingdata-mining

Modify the color of a table-hover in Bootstrap depending on the content within a cell

Here's a basic table featuring the use of table-hover Check out this Fiddle <table class="table table-hover"> <thead> <tr> <th scope="col"gt;Fleet</th> <th scope="col">Locatio ...

twitter-bootstrapbootstrap-4bootstrap-5

Firefox: repeated occurrences of style sheet in developer tools

I am currently managing a sample website with multiple linked style sheets at . One of these style sheet links needs to be toggled on and off, hence it includes a unique id: <link id="sketch" rel="stylesheet" type="text/css" ...

javascriptcssfirefox-developer-tools

When the user clicks, show a designated search result in a separate container

I've been developing my Angular cocktail application, and I've reached a point where I can display all the cocktails in my database (only showing names). Now, I want to implement a feature where if I click on a specific cocktail, its full content ...

javascriptjqueryhtmlangularjs