Browser doesn't render simple html icons [closed] - html

Closed. This question needs debugging details. It is not currently accepting answers.
Edit the question to include desired behavior, a specific problem or error, and the shortest code necessary to reproduce the problem. This will help others answer the question.
Closed 2 years ago.
Improve this question
I'm facing strange problem, any browser can render simple html icons. Instead, small rectangulars are displayed, I think it shows that browser can't render them. I got sth like this:
I tried on various browsers but problem is same everywhere. This is my code:
<button type="submit" class="search"><i class="fa fa-search"></i></button>

One of the probable reason is, you are not using their CDN link or using the font-awesome css file.
Try adding this inside <head> tag -
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">

Related

favicon is not showing? [closed]

Closed. This question needs debugging details. It is not currently accepting answers.
Edit the question to include desired behavior, a specific problem or error, and the shortest code necessary to reproduce the problem. This will help others answer the question.
Closed 9 hours ago.
Improve this question
I'm trying to add a favicon but it's not working. I believe my file location is correct. Is it not working bc I'm using Bootstrap?
<link rel="icon" type="image/x-icon" href="abfav.png">
I believe this should add a favicon to my page.File Locationcode
Your link line has to be placed inside the head tag

CSS AND HTML NOT LINKING IN Sublime text 3 after trying everything [closed]

Closed. This question needs debugging details. It is not currently accepting answers.
Edit the question to include desired behavior, a specific problem or error, and the shortest code necessary to reproduce the problem. This will help others answer the question.
Closed 2 years ago.
Improve this question
I im using sublime text 3 to create a google page replica as practice with html and css. This is my first project as I am new to programming. I have gone through countless other posts about this issue and have tried everything suggested but still to no avail I am unable to link my html and css. Please advise
html.index and style.css are in the same root directory.
HTML CODE:
<link href="style.css" rel="stylesheet" type="text/css">
Thnx in advance
Please, check your file name it must be index.html, not html.index.

Unwanted white space to the right on Mobile devices [closed]

Closed. This question needs debugging details. It is not currently accepting answers.
Edit the question to include desired behavior, a specific problem or error, and the shortest code necessary to reproduce the problem. This will help others answer the question.
Closed 6 years ago.
Improve this question
I'm learning to develop a website called icoined.com and now I am running into a problem with unwanted white space to the right side of the mobile screens which I can't figure out what cause it. I'm new to this so please ELI5. Thanks.
Add the class img-responsive to the image with the source assets/img/ico.png.
Also, In my tests I replaced your bootstrap version with this:
<link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css" rel="stylesheet" type="text/css" />
and it's working perfect (You can see it in this bin - you can try to run it with or without your css which is in comment in that bin).

My coding line img/png keeps changing [closed]

Closed. This question needs debugging details. It is not currently accepting answers.
Edit the question to include desired behavior, a specific problem or error, and the shortest code necessary to reproduce the problem. This will help others answer the question.
Closed 6 years ago.
Improve this question
I created a some HTML but the code keeps changing and I don't know why.
<link id="favicon" rel="shortcut icon" type="image/png" href="http://i.imgur.com/at2rsbu.png?1"/>
Here is a screenshot of what I meant. It might be easier to understand.
I really don't know what I am doing wrong. If there is already something like this on Stack Overflow please provide the link as I couldn't find it.
Try type='image/x-icon' instead of type='image/png' and try giving the image a path instead of a URL.

CSS Works in Chrome but not Firefox [closed]

Closed. This question needs debugging details. It is not currently accepting answers.
Edit the question to include desired behavior, a specific problem or error, and the shortest code necessary to reproduce the problem. This will help others answer the question.
Closed 7 years ago.
Improve this question
I've been working on a school project and i've made this layout quickly and I have no idea why this layout works perfectly on Chrome but crashes completly in Firefox! Does anybody have an idea what it could be?
Here is the site:
www.demo.filipsukic.com
This may fix your problem.
Make sure that the type on your stylesheets needs to
be like:
<link type="text/css" href="/css/style.css" rel="stylesheet">
not like:
<link type="/text/css" href="/css/style.css" rel="stylesheet">
Removing the / at the beginning.
For a quick fix, add the class "clearfix" to all your section tags.