Fetching the css link from a subcategory and directing it to the main css folder

I have all my files stored in a folder named demo.mywebsite.com, which is located in the same directory as the httpdocs folder. The main css folder can be found at this path: httpdocs/all/css/(style.css etc). How can I reference a css file from this subcategory? I have tried the following without success:

  <link rel = "stylesheet" href = "httpdocs/all/css/style.css" type = "text / css">
OR**strong text**
  <link rel = "stylesheet" href = "../all/css/style.css" type = "text / css">

What should I write to make it work properly? Appreciate any help. Thanks!

https://i.sstatic.net/0dgM4.jpg

Answer №1

try this out

<link rel = "stylesheet" href = "../httpdocs/all/css/style.css" type = "text / css">

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

Obtaining a URL in JavaScript

Hey there, I'm diving into the world of JavaScript and could use some guidance. I'm currently working on implementing forward and backward buttons on a webpage. The URL structure is http://webaddress.com/details?id=27 My goal is to write two fun ...

Attempting to locate the element's position using Selenium in Python

quem_esta_sacando = driver.find_elements_by_xpath("//div[@class='gameinfo-container tennis-container']/div[@class='team-names']/div[@class='team-name']") this is how I located the correct class, but now I want to ...

adding a new transformation to the current properties

Is it possible to add a new transform property to existing ones? For instance, let's say I have a div.animation with the following style: .animation { transform: translateX(-50%) translateY(-50%); } Now I want to include transform: scale(1) to ...

What is the correct way to incorporate scrollIntoView() using jQuery?

I'm trying to implement a jQuery function that will enable the last reply to scroll into view. This is my current code: function displayLastReply(replies){ replies.each(function() { if($(this).index() < nIniRep || afterReply){ $( ...

What are the steps to developing fully offline HTML5 applications?

At times, I find myself in need of writing a small program to visualize some data in a chart or similar format. I've been thinking about using HTML5 through the browser to accomplish this, specifically utilizing its canvas to design a user-friendly in ...

Extracting values from an *ngFor loop in Angular 8 - Here's how to do

Currently, I am utilizing *ngFor to display some data. I have a requirement to extract a specific value from *ngFor and display it in, for instance, my heading. However, when I attempted to use {{ project }}, it consistently returned undefined. Despite hav ...

Managing Multiple Checkboxes in PHP Forms

I have a system in place that retrieves questions from a database and dynamically creates survey pages. The user's responses are then submitted to the same form via POST method. The code is designed to categorize each question as either Checkbox or Ra ...

What is the best way to prevent a sticky element from scrolling along with the

I am looking to prevent a sticky div from taking up space on the website. It currently sticks to the desired position as expected. https://i.sstatic.net/wG4SK.png HTML <div v-if="isToastActive" class="toast"> <span clas ...

Allow the entire list section to be interactive with a click

Is it possible to make the entire list area clickable rather than just where the inner link sits on my website? For example, I want users to be able to click anywhere within the list instead of only on the specific link itself. One such instance is with th ...

Translating JavaScript, HTML, and CSS into a Class diagram

I've been on the hunt for a tool that can assist me in creating a class diagram for my current web development project. Although I have a plugin for Eclipse that works for JavaScript, it lacks the ability to connect elements from HTML and CSS - . I ...

Angular displaying a slice of the data array

After following the example mentioned here, and successfully receiving API data, I am facing an issue where only one field from the data array is displayed in the TypeScript component's HTML element. Below is the content of todo.component.ts file im ...

Storing and retrieving files with HTML5 local storage

Is there a way for me to utilize HTML5 local storage in order to store a small executable file and subsequently offer it for download via a button click? ...

Diverse outcomes generated by a single dropdown selection - Harnessing the power of JavaScript and HTML

I am seeking a way to dynamically show different sections of my form based on the selection made from a drop-down menu. Currently, I am facing two issues: it only hides the first area I want hidden, and I am struggling with the syntax to make multiple opt ...

Utilize the entire width for header elements

I have implemented four header elements: home, about, portfolio, and contact. I want these elements to stretch across the entire navigation bar with each taking up 25% of the space. How can I achieve this? Additionally, I specified that the home element sh ...

Styling your content directly in the CMS using inline CSS

I can't help but wonder about this question. I take great pride in the cleanliness of my code and despise using inline styles, yet I have stumbled upon a situation where it seems unavoidable. Within my CMS, I am developing a feature that allows user ...

VueJS is utilized to duplicate the innerHTML output value

Currently diving into the world of Vue, I encountered an issue while rendering an HTML text. My component template is a WYSIWYG editor. <template> <div id='editor_container'> <slot name="header" /> <div id='editor ...

Is there a way to include a button at the top of the Notiflix.Loading() overlay for closing or stopping it?

I've integrated the "notiflix" library into my project, and I'm currently using notiflix.loading.pulse() for a lengthy process. While this works perfectly fine, I would like to add a button (for closing/stopping the process) on top of the loading ...

What causes socket.emit to duplicate after a dynamic update with jQuery trigger?

Is there a way to dynamically update the content of a div called "display-holder" in client-side code while ensuring that the socket.emit function fires only once? I have tried using off() and unbind() functions, but they do not seem to work in preventing ...

What is the best way to adjust the background-position of CSS specifically for the X axis?

My goal is to create a CSS animation that changes the background-position of a div, similar to the following: @keyframes wave{ from{ background-position: 80% center; } to{ background-position: 160% center; } } While this a ...

Placing options and a clickable element within a collapsible navigation bar

Within my angular project, there are 4 input fields where users need to enter information, along with a button labeled Set All which will populate them. https://i.sstatic.net/1GGh1.png I am wondering how I can organize these input fields and the button i ...