Arduino + CSS + HTML

Projects Programming
1

I am trying to make a webserver with arduino uno but I am not sure how I can handle the png. .jpg requests.

If I have a tag in my html, I can manage this with a GET request like GET /img/backButton.png. But what if I have the following CSS code in an external file arduino.css. Someone knows how I need to handle this kind of .png requests when the picture is being requested from the css code like below??

.back {
    left: 6px;
    right: auto;
    padding: 0;
    max-width: 55px;
    border-width: 0 8px 0 14px;
   -webkit-border-image: url(img/backButton.png) 0 8 0 14;
}

Adrian.

2

What does the browser do when it gets that file? That is what you need to be prepared to deal with. Typically, it issues another GET request for the image file, in the same way that is makes a GET request for the style sheet referenced in the htm(l) file.

3

The png and jpg image are queried the same way by the browser, wheter they are in a html file or in a css file : this is a
GET img/image.png

But what if I have the following CSS code in an external file arduino.css

Where is stored your CSS file ? on the sd card ? on an external web server ?
Where is stored your html file ?

You have to send the correct content-type to the client and then read the image file and send it to the client.

This sample was very usefull to me to write my web server using html, css, javascript...
http://www.instructables.com/files/orig/FJ4/4U7A/GP7ISAZJ/FJ44U7AGP7ISAZJ.txt

Regards,