css is not link successfully into laravel - css

Here is my index file in views.admin
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="css/admin/style.css">
<title>title</title>
</head>
And Here is my another file in views.admin
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="css/admin/style.css">
<title>title</title>
</head>
index file is working properly but another one is not using css
AND
my css file exists at 'public/css/admin/style.css'


Use this code to link your style or script in public folder
{{ asset('css/admin/style.css') }}
Don't put the public/ folder there, if its not working add this to your .env
ASSET_URL = public/

Related

Include css file on slim framework project

I'm trying to inlcude a css file on slim project but the file its not found even the path its correct ,maybe its a routing error??
files
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>Document</title>
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css" integrity="sha384-ggOyR0iXCbMQv3Xipma34MD+dH/1fQ784/j6cY/iJTQUOhcWr7x9JvoRxT2MZw1T" crossorigin="anonymous">
<link rel="stylesheet" href="../css/styles.css">
</head>
<body>
{% block main %}{% endblock %}
</body>
<script
src="https://code.jquery.com/jquery-3.4.1.js"
integrity="sha256-WpOohJOqMqqyKL9FccASB9O0KwACQJpFTUBLTYOVvVU="
crossorigin="anonymous"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.7/umd/popper.min.js" integrity="sha384-UO2eT0CpHqdSJQ6hJty5KVphtPhzWj9WO1clHTMGa3JDZwrnQq4sF86dIHNDz0W1" crossorigin="anonymous"></script>
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/js/bootstrap.min.js" integrity="sha384-JjSmVgyd0p3pXB1rRibZUAYoIIy6OrQ6VrjIEaFf/nJGzIxFDsf4x0xIM+B07jRM" crossorigin="anonymous"></script>
{% block scripts %}{% endblock %}
</html>

I could not open your png image, but I assume that your CSS folder file is on the same level as your index.php file so, try
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>Document</title>
...
<link rel="stylesheet" href="css/styles.css">
</head>
<body> ... </body>
</html>
Please let me know if it works.

Don't use relative path. Use absolute path.
<link rel="stylesheet" href="/css/styles.css">
This works when your css folder resides in the root of the public directory.

Angular 7 Template implement time issue

i create one site in angular 7.i implement adminLTE theme but issue is login and register page have use different css and dashboard use different css.
so how can i put different css for both so there is no conflict.
index.html
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<title>Angular AdminLTE</title>
<meta content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no" name="viewport">
<base href="/">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="icon" type="image/x-icon" href="favicon.ico">
</head>
<body hold-transition>
<app-root>Loading ...</app-root>
</body>
</html>
and also body have different class for login,register and dashboard so how can i also use related class to its component
Please anyone can help me to out this.

how can I add custom favicon to some websites without favicon in chrome?

fixed tabs
As shown in the figure, some websites don't have favicons. So, Using the fixed tab make them messy.

You can add favicon to your website by following method
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
<title>{$title}</title>
<link rel="icon" href="../images/favicon.png" sizes="32x32">
<link href="../css/style.css" type="text/css" rel="stylesheet">
</head>

External css can't load on IE7,8,9,10,11

External CSS can not load on Internet Explorer 7, 8, 9, 10, 11. How can I resolve it?
<head>
<meta charset="utf-8">
<meta http-equiv="x-ua-compatible" content="ie=edge">
<title></title>
<meta name="description" content="">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="apple-touch-icon" href="apple-touch-icon.png">
<!-- Place favicon.ico in the root directory -->
<link rel="stylesheet" href="css/normalize.css">
<link rel="stylesheet" href="css/main.css">
<script src="js/vendor/modernizr-2.8.3.min.js"></script>
</head>

utf8 doesnt works when adds a stylesheet

Im trying to set utf8 in html5 running in windows over Xampp.
When I run the code without any stylesheets, it works great:
<!DOCTYPE html>
<html lang="es-ES">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="description" content="">
<meta name="author" content="">
<title>Test</title>
</head>
<body>
My Output Compañia 2014
</body>
</html>
And my output:
My Outpul Compañia 2014
But when I add in a stylesheet to the head:
<!DOCTYPE html>
<html lang="es-ES">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="description" content="">
<meta name="author" content="">
<title>Test</title>
<link rel="stylesheet" href="/test/css/style.css" type="text/css" />
</head>
<body>
My Output Compañia 2014
</body>
</html>
Utf8 charset fails in output:
My Output CompaÒia 2014
Any Ideas to solve this? I tried with AddDefaultCharset UTF-8 in .htaccess, declaring utf-8 in the css but nothing works.

See if the font you are setting on body in your styesheets has compatible utf 8 character set and this specific character's code is mapped to the same character in your font.

Resources