Gin-golang: Loading html files with stylesheet

Question

my english is very basic, I'm sorry :)

Well, my problem is that when Gin is loading HTML, my HTML file contains import (/stylesheet/index.css), so that when run my app with Gin, this alert that not load stylesheet file

workspace/
          main/
               main.go
          templates/
                   index.tmpl.html
                   css/
                       index.css

main.go

r.LoadHTMLFiles("../templates/index.tmpl.html")

r.GET("/index", func(c *gin.Context) {
    c.HTML(200, "index.tmpl.html", gin.H{
        "title": "Main website", //IGNORE THIS
    })
})

index.tmpl.html

<!DOCTYPE html>
<head>
  <title>Hola titulo</title>
  <style type="text/css" media="screen">
    <!-- 
        @import url("/css/index.css");
    -->
  </style>
</head>

<body>

  <header>
    <h1>City Gallery</h1>
  </header>

  <nav>
    London<br>
    Paris<br>
    Tokyo
  </nav>

  <section>
    <h1>London</h1>
    <p>London is the capital city of England. It is the most populous city in the United Kingdom,
with a metropolitan area of over 13 million inhabitants.</p>
    <p>Standing on the River Thames, London has been a major settlement for two millennia,
its history going back to its founding by the Romans, who named it Londinium.</p>
  </section>

  <footer>
    Copyright © W3Schools.com
  </footer>

</body>

</html>

index.css

header {
   background-color:black;
   color:white;
   text-align:center;
   padding:5px; 
}
nav {
   line-height:30px;
   background-color:#eeeeee;
   height:300px;
   width:100px;
   float:left;
   padding:5px; 
}
section {
   width:350px;
   float:left;
   padding:10px; 
}
footer {
   background-color:black;
   color:white;
   clear:both;
   text-align:center;
   padding:5px; 
}

So, I am runnning my app and this give me error 404 in Gin mode debug.

[GIN] 2016/03/26 - 12:10:50 | 200 |     688.938µs | 127.0.0.1 |   GET     /index
[GIN] 2016/03/26 - 12:10:50 | 404 |       2.865µs | 127.0.0.1 |   GET     /css/index.css

On the other hand when I load html file only, this shows the stylesheet without problems. :(

I do not know how to load the stylesheet with Gin.

Help, please.

PS: I need use Gin

Aruna Herath · Accepted Answer · 2016-03-26 15:52:38Z

20

You need a handler for static files in main.go. Use Static.

r.Static("/css", "../templates/css")

edited Mar 26, 2016 at 15:52

answered Mar 26, 2016 at 15:38

Aruna Herath

6,5822 gold badges43 silver badges62 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

Abhi · Accepted Answer · 2016-03-26 15:48:18Z

-3

In your index.tmpl.html file try replacing the following :

<style type="text/css" media="screen">
    <!-- 
        @import url("/css/index.css");
    -->
</style>

to this one :

<style type="text/css" media="screen">
    <!-- 
        @import url("css/index.css");
    -->
</style>

answered Mar 26, 2016 at 15:48

Abhi

125 bronze badges

Collectives™ on Stack Overflow

Gin-golang: Loading html files with stylesheet

2 Answers 2

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related