search

tht13 / html-preview-vscode

A HTML previewer for Visual Studio Code
MIT License
44 stars 22 forks source link

HTML Preview window not displaying css! #46

Open andrew-d-holmes opened 3 years ago

andrew-d-holmes commented 3 years ago

HI I have index.html and style.css in the same windows folder that I am editing in VS code. I cannot get this html preview extension to apply the CSS. It is applied when I open in the browser, no problems. I have spent a long time trying changing the path of the href in the link element to no avail, adding type="text/css, " etc as per google search. Can someone help ? code is below

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="preconnect" href="https://fonts.gstatic.com">
<link href="https://fonts.googleapis.com/css2?family=Poppins:wght@300&display=swap" rel="stylesheet">
<link href="style.css" rel="stylesheet" type="text/css">
<title>Document</title>
</head>
HarshChoudhary123 commented 3 years ago

It is working bro. if still not working then can u send me full code :)

andrew-d-holmes commented 3 years ago

@HarshChoudhary123 , thanks for reply, files below :) Personal Page.zip

andrew-d-holmes commented 3 years ago

@HarshChoudhary123 is this working for you with html preview?

HarshChoudhary123 commented 3 years ago

InkedScreenshot_1_LI it is working see this screenshot

if still error then send me a video to that error :)

HarshChoudhary123 commented 3 years ago

@HarshChoudhary123 is this working for you with html preview?

yes it is working for me

julistar02 commented 3 years ago

@andrew-d-holmes

At first I had the same problem as you. Then I installed some extensions, HTML CSS Suporrt & HTMP Snippest, and then HTML preview show normal. Good.

Next I try uninstall 2 ex, the html preview works normally. I'm just Newbie, don't really know why? Although the problem has been resolved . who can answer, help me :) tks