I just wanted to know how to refer the stylesheet which is under css folder in assets/www path. Here is my HTML code:
<!DOCTYPE HTML>
<html>
<head>
<title>EazyTutor</title>
<script type="text/javascript" charset="utf-8" src="js/cordova-2.7.0.js"></script>
<link rel="stylesheet" href="css/style.css" type="text/stylesheet">
</head>
<body>
<div id="top_header">Home Page</div>
</body>
</html>
Here is my CSS Code:
#charset 'UTF-8';
#main_wrapper
{
width:100%;
height:100%;
margin:0px;
padding:0px;
}
#top_header
{
height:5%;
background-color:#CCC;
}
Please help guys...
Problem is the line
<link rel="stylesheet" href="css/style.css" type="text/stylesheet">
It should be
<link rel="stylesheet" href="css/style.css" type="text/css">
see Difference between type="text/css" and type="text/stylesheet"?
Related
I want to style "Login" text , can I do it without "label" tag ?
here's my code
<html>
<head>
<link rel="stylesheet" href="style.css">
<link rel="stylesheet" href="WebFontKit/stylesheet.css" type="text/css" charset="utf-8" />
</head>
<body>
<div class="logindiv">
<label class="login">Login</label>
Yes, you can. See the fiddle
div.logindiv::before {
content:'Login';
position: top;
color: red;
}
<html>
<head>
<link rel="stylesheet" href="style.css">
<link rel="stylesheet" href="WebFontKit/stylesheet.css" type="text/css" charset="utf-8" />
</head>
<body>
<div class="logindiv">
</div>
</body>
</html>
I have a situation where my font-awesome is not working as expected.
I have my style sheet and the one from the font-awesome
<head>
<title> Millionique Square </title>
<script src="https://kit.fontawesome.com/e9148616db.js" crossorigin="anonymous"></script>
<link rel="stylesheet" type="text/css" href="style.css">
</head>
If I comment this line:
<link rel="stylesheet" type="text/css" href="style.css">
It works. How can I fix this issue?
Github Repo: https://github.com/rjain09/formValidation.git
You have to load scripts in after body not in head.
<html>
<head>
<title> Millionique Square </title>
<link rel="stylesheet" type="text/css" href="style.css">
</head>
<body>
<!-- Your body content -->
</body>
<script src="https://kit.fontawesome.com/e9148616db.js" crossorigin="anonymous"></script>
</html>
Try this
<head>
<script src="https://use.fontawesome.com/d1341f9b7a.js"></script>
<link rel="stylesheet" type="text/css" href="style.css">
<link href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.3/css/all.min.css" rel="stylesheet" />
</head>
It’s because you didn’t import your index.js script file
So no code added the success or error class to form-control which would override the visibility
.form-control i {
visibility: hidden; /* <- hide the icon*/
position: absolute;
top: 40px;
right: 10px;
}
here
I use this code for HTML:
<!DOCTYPE html>
<html>
<head>
<title>TestSite</title>
<link href="site.css" rel="stylesheet">
<h1>Hello World</h1>
</head>
</html>
And this code for CSS:
h1 {
color: red;
}
You already have it in your code :
<link href="site.css" rel="stylesheet">
You rename your css file site.css and you put it in the same folder of your html file !
I looked at other people who asked this and nothing seemed to work. My HTML page can't find my CSS page although they are in the same folder. I am working in Dreamweaver but writing the code myself.
Here is my HTML code:
<!doctype html>
<html>
<meta charset="UTF-8">
<title>home</title>
<head>
<style type="text/css">
<link rel="stylesheet"
<href="style.css"
type="text/css" />
</head>
<body>
<div class="background"></div>
</body>
</html>
Here is my CSS:
#charset "UTF-8";
/* CSS Document */
.background {
background-color: rgba(0,0,0,0.98);
background-image: url(images/me_atsunsetbackground.JPG);
background-repeat: repeat-y;
margin-left: 50px;
margin-top: 200px;
margin-right: 50px;
margin-bottom: 200px;
}
do it like this :
<html>
<meta charset="UTF-8">
<title>home</title>
<head>
<link rel="stylesheet" type="text/css" href="style.css">
</head>
<body>
<div class="background"></div>
</body>
</html>
<head>
<link type="text/css" rel="stylesheet" href="any_style_you_want.css">
</head>
my code
<html>
<head>
<title></title>
<link rel="style" href="style.css">
<script language="javascript" src="JS/CommonCharFunction.js"> </script>
</head>
<body>
code
</body>
</html>
but my code is not working.i have to include style to html form
how to include inline css
If you want to add css inline, you can try the style tag inside the head tag: http://www.w3schools.com/tags/tag_style.asp
You can include inline style by adding a style attribute to an element like so:
<body style="background-color: white;">
But I think you need to ask about how to add an external style sheet.
<link rel="stylesheet" type="text/css" href="Content/style.css">
Of course you can also use the embedded style
<title></title>
<style>
body{
background-color:white;
}
</style>
<html>
<head>
<title></title>
<link rel="style" href="style.css">
<link rel="stylesheet" type="text/css" href="style.css" />
<script language="javascript" src="JS/CommonCharFunction.js"> </script>
</head>
<body>
code
</body>
</html>
Pay attention to the link-tag
<link rel="stylesheet" type="text/css" href="style.css" />
the attribute rel must have the value stylesheet
the attribute type must be given and the value must be text/css