Thread
Forum » Wikidot features and bugs / Bugs and problems » [[HTML]] not working while we <link> a css file in <html> script.
Started by: Teoman Deniz Teoman Deniz
Date: 04 Nov 2019 16:38
Number of posts: 2
rss icon RSS: New posts
[[HTML]] not working while we <link> a css file in <html> script.
Teoman Deniz Teoman Deniz 04 Nov 2019 16:38

Hey! Hello! i'm trying to creating a nav:side bar menu with html.
but i'm using w3 css library on it. and while i'm trying to link it, the bar is gonna disappearing.
i'm using;

<linkrel="stylesheet"href="https://www.w3schools.com/w3css/4/w3.css">

for link it to my script.

if i'm not gonna link it, system will broke without css modules.

unknown.png

my script; https://www.w3schools.com/code/tryit.asp?filename=G9MH73ERZWBQ

can any one help me for solwe it? Thank You.

Batch, VBScript, MS-DOS, Pascal, C, C++, File / Folder Customization, HTA + HTML + CSS, JavaScript, Wikidot and ATLAS Copco Elektronikon PLC Programer

- Web site: Maximum Tension

Last edited on 04 Nov 2019 16:43 by Teoman Deniz
by Teoman Deniz Teoman Deniz , 04 Nov 2019 16:38
Re: [[HTML]] not working while we <link> a css file in <html> script.
(account deleted) 04 Nov 2019 23:24

You need to add a height or min-height to the body inside the HTML block:

[[html]]
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="https://www.w3schools.com/w3css/4/w3.css">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
<body style="min-height: 600px;">
<!-- SNIP -->
</body>
[[/html]]

I made a sandbox demo page here: HTML Block with External CSS Test

Last edited on 04 Nov 2019 23:25 by (account deleted)
by (account deleted), 04 Nov 2019 23:24
/forum/t-12778147/html-not-working-while-we-link-a-css-file-in-html-script#post-