How to refere a stylesheet in phonegap? - html

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

how to add css to text without a tag in a div?

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>

Font awesome icon does not show up when I use it with other css file

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

How can I connect the CSS file to the HTML file?

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 !

Why doesn't my HTML index link to my CSS?

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>

how to give css link to HTML code?

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