local css stylesheet not linking - html

I'm trying to add my .css file, but it is not working and not applying.
But when I put the same style code in HTML it works, so the problem is links, but I think I am doing it right.
enter image description here
I have also tried putting <link rel="stylesheet" href="style.css"> but I know I gotta put the folder names too, so both don't work.
Also, something was wrong with linking, because I tried putting in <img> and it still wouldn't link or show but when I tried online image, it would link.

change the 9th line as
<link rel="stylesheet" href="../static/style.css">
because u need to go back from dashboard.html use"../"
Then goes to the stylesheet file as "static/style.css"

Path should be ../static/style.css in href attribute

Related

CSS Loaded but not being applied

I know it's already been asked but that person had a typo, and the answer mentioned firebug so it's not current (and is closed).
In WordPress, I noticed that main file, style.css is not being applied, specifically:
The file IS loaded correctly
Its styles are NOT being applied
When I inspect element for an element I know is being targeted by style.css, nothing from style.css is there (styles tab of inspect element) at all. I've inspected several elements.
It's loaded through WordPress as so (an unchanged call generated with _underscores):
wp_enqueue_style( 'themexzz-style', get_stylesheet_uri(), array(), _S_VERSION );
This is the produced link (and clicking on it works like it's supposed to):
<link rel='stylesheet' id='themexzz-style-css' href='http://localhost:8012/themexzz/wp-content/themes/themexzz/style.css?ver=1.0.0' media='all' />
I'm using
Xampp with php 7.2.3
with wordpress 5.5.3
meta charset="UTF-8"
Database collation is utf8mb4_unicode_ci
It's an underscores generated theme
Thanks in advance.
#Xhynk - You were right. It was the:
you may have invalid CSS way at the beginning of that file, blocking
all the rest of the CSS being applied
As it is an underscores theme and I apply my own CSS from another file, it didn't even cross my mind that there might be invalid CSS in style.css
Thank you #Xhynk
The position of CSS files in head tag also matters,
Assume that you have loaded 2 CSS file in the head tag
<link rel='stylesheet' href="..../style.css">
<!--(have property of background color blue and text white)-->
<link rel='stylesheet' href="..../mycss.css">
<!--(have property of background color white and text black)-->
if you place tags in this order
<head>
<link rel='stylesheet' href="..../style.css">
<link rel='stylesheet' href="..../mycss.css">
</head>
Both the files will be loaded but CSS will be applied of the myss.css file,
this happens because of CSS overwrite
You can change the position of the link tags to get your desired output

changing colors of HTML elements with skeleton

can someone tell me how I can change for example the background-color globaly.
I made it with ''. Whitout skeleton I would do it classic with a style.css file based in css directory.
When I try to change the body entrys in the skeleton.css file, nothing happened :(
What is the to do for skeleton?
Thank you in advance.
Skeleton doesn't change anything about how html and css will interact. Skeleton is basically just pre-built css file. You can still include styles.css with a second link tag, i.e.
<link rel="stylesheet" href="css/skelton.css"/>
<link rel="stylesheet" href="css/styles.css"/>

How to add external css into html

I've used inline and imported css loads but having trouble with external and never tried it before.
I copy and pasted everything from this link css link
into a css file, I don't actually know specifically which animations I want to keep and get rid of yet, that will come later.
How do I actually add it into the html though? In the Header I have the
<link rel="stylesheet" type="text/css" href=\animate.css">
link so my html is inked to my css.
If I wanted to add for example .animated.hinge to a <p> how would I do this?
Preferably without any javascript or php, haven't progressed that far yet!
Thanks!
The problem is that you are using a backslash instead of a forward slash and missing a double quote when you are linking to the CSS file.
<link rel="stylesheet" type="text/css" href="/animate.css">
Web sites are all about files. If you have a file called animate.css in the same folder as your index.html, you can simply call it with the next tag
<link rel="stylesheet" type="text/css" href="animate.css">
This means that you are referencing the animate.css file. There you select your objects by clases and just use them in the html file.
Also you would add classes to the p element like so
<p class="animated hinge">Paragraph</p>
We can include external css file through the link tag in head tag. Please see below syntax for the same. also check the file path(href path), it should be relative or absolute.
<link rel="stylesheet" type="text/css" href="/custom.css">
You are missing one double inverted comma at start and you have to use '/' in the href attribute instead of '\'.

Using Font Awesome in XSLTForms

I tryed to use Font Awesome in XSLTForms but no sucess. I included a link in the header, but every time I try to use an icon, it is not shown. Other CSS styles contained in different files work, but even if I include a tags at the beggining and at the end of the file (for pre-processor) it doesnt work.
<link type="text/css" rel="stylesheet" href="/font-awesome-4.3.0/css/font-awesome.min.css"/>
Any idea?
Write this in xforms header and remove the <css></css> tags at the beggining and at the end of the file (for pre-processor)
<?css-conversion no?>

jqTouch css and a href link

I am trying to call a link from a page which points to another part of the page.
This is the code I am using to do this:
<img src="Dress1.jpg" alt="Pic1"></img>
The problem is that when I remove the css stylesheet links from the page, in other words:
<link type="text/css" rel="stylesheet" media="screen" href="jqtouch/jqtouch.css">
<link type="text/css" rel="stylesheet" media="screen" href="themes/jqt/theme.css">
It actually works but with the above links, it doesn't work.
Instead all it does is change the address (by adding #product) and doesn't display the image requested in
I'm not sure what could be wrong.
Thanks.
C.
Depending on which revision of jQTouch that you are using, you will need to add an animation class to your link like slide/flip/disolve in order to actually cause a transition from one psuedo page to the next.
<img src="Dress1.jpg" alt="Pic1"/>
not sure what you are trying to do. in your example, the image is in the link, not the target div. from your description it sounds like you might want something like
See my image
<div id="product"><img src="Dress1.jpg" alt="Pic1"/></div>